Main Page

<mediawiki xmlns="http://www.mediawiki.org/xml/export-0.11/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mediawiki.org/xml/export-0.11/ http://www.mediawiki.org/xml/export-0.11.xsd" version="0.11" xml:lang="en">
  <siteinfo>
    <sitename>Weyrdlets Wiki</sitename>
    <dbname>weyrdlets_en</dbname>
    <base>https://weyrdlets.wiki.gg/wiki/Weyrdlets_Wiki</base>
    <generator>MediaWiki 1.41.1</generator>
    <case>first-letter</case>
    <namespaces>
      <namespace key="-2" case="first-letter">Media</namespace>
      <namespace key="-1" case="first-letter">Special</namespace>
      <namespace key="0" case="first-letter" />
      <namespace key="1" case="first-letter">Talk</namespace>
      <namespace key="2" case="first-letter">User</namespace>
      <namespace key="3" case="first-letter">User talk</namespace>
      <namespace key="4" case="first-letter">Weyrdlets Wiki</namespace>
      <namespace key="5" case="first-letter">Weyrdlets Wiki talk</namespace>
      <namespace key="6" case="first-letter">File</namespace>
      <namespace key="7" case="first-letter">File talk</namespace>
      <namespace key="8" case="first-letter">MediaWiki</namespace>
      <namespace key="9" case="first-letter">MediaWiki talk</namespace>
      <namespace key="10" case="first-letter">Template</namespace>
      <namespace key="11" case="first-letter">Template talk</namespace>
      <namespace key="12" case="first-letter">Help</namespace>
      <namespace key="13" case="first-letter">Help talk</namespace>
      <namespace key="14" case="first-letter">Category</namespace>
      <namespace key="15" case="first-letter">Category talk</namespace>
      <namespace key="828" case="first-letter">Module</namespace>
      <namespace key="829" case="first-letter">Module talk</namespace>
      <namespace key="2300" case="case-sensitive">Gadget</namespace>
      <namespace key="2301" case="case-sensitive">Gadget talk</namespace>
      <namespace key="2302" case="case-sensitive">Gadget definition</namespace>
      <namespace key="2303" case="case-sensitive">Gadget definition talk</namespace>
    </namespaces>
  </siteinfo>
<page arvcontinue="">
  <title>Main Page</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>1</id>
    <timestamp>2021-11-29T15:17:56Z</timestamp>
    <contributor>
      <username>MediaWiki default</username>
      <id>0</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="735" xml:space="preserve">&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;

Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</text>
    <sha1>5702e4d5fd9173246331a889294caf01a3ad3706</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:Extension DPL</title>
  <ns>10</ns>
  <id>2</id>
  <revision>
    <id>2</id>
    <timestamp>2022-12-18T00:55:51Z</timestamp>
    <contributor>
      <username>DynamicPageList3 extension</username>
      <id>44285</id>
    </contributor>
    <comment>Autogenerated DPL's necessary template for content inclusion</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="272" xml:space="preserve">&lt;noinclude&gt;This page was automatically created. It serves as an anchor page for all '''[[Special:WhatLinksHere/Template:Extension_DPL|invocations]]''' of [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:DynamicPageList3 Extension:DynamicPageList3].&lt;/noinclude&gt;</text>
    <sha1>087ffd4625ae7b1fea3436ec3f929e82ee739d29</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Copyright</title>
  <ns>8</ns>
  <id>3</id>
  <revision>
    <id>3</id>
    <timestamp>2024-06-13T13:45:31Z</timestamp>
    <contributor>
      <username>Pcj</username>
      <id>1919</id>
    </contributor>
    <comment>Created page with "&lt;div&gt;&lt;img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /&gt; Page content is under the &lt;a href=https://creativecommons.org/licenses/by-sa/4.0&gt;Creative Commons Attribution-ShareAlike 4.0 License&lt;/a&gt; unless otherwise noted.&lt;/div&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="232" xml:space="preserve">&lt;div&gt;&lt;img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /&gt; Page content is under the &lt;a href=https://creativecommons.org/licenses/by-sa/4.0&gt;Creative Commons Attribution-ShareAlike 4.0 License&lt;/a&gt; unless otherwise noted.&lt;/div&gt;</text>
    <sha1>7290744eba73e7f9987d32ef26b3490f5bea3537</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Weyrdlets Wiki:Copyrights</title>
  <ns>4</ns>
  <id>6</id>
  <revision>
    <id>6</id>
    <timestamp>2024-06-13T17:33:00Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="590" xml:space="preserve">&lt;!--''[[GAME]]'' content and materials are the intellectual property of their respective owners.

--&gt;Content that you make available on {{SITENAME}} is licensed by you to us under our [https://www.wiki.gg/termsofservice Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license.

All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. 

[[Category:Legal notices]]</text>
    <sha1>25074667079da95818107ec4704569fb50d6e321</sha1>
  </revision>
  <revision>
    <id>7</id>
    <parentid>6</parentid>
    <timestamp>2024-06-13T17:33:01Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Weyrdlets Wiki:Copyrights]]" ([Edit=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="590" xml:space="preserve">&lt;!--''[[GAME]]'' content and materials are the intellectual property of their respective owners.

--&gt;Content that you make available on {{SITENAME}} is licensed by you to us under our [https://www.wiki.gg/termsofservice Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license.

All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. 

[[Category:Legal notices]]</text>
    <sha1>25074667079da95818107ec4704569fb50d6e321</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Site-favicon.ico</title>
  <ns>6</ns>
  <id>7</id>
  <revision>
    <id>8</id>
    <timestamp>2024-06-13T17:33:02Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">[[Category:Wiki skin images]]</text>
    <sha1>f0235f85e2414431e046ae251792bf050daef5f7</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Apioutput.css</title>
  <ns>8</ns>
  <id>8</id>
  <revision>
    <id>9</id>
    <timestamp>2024-06-13T17:33:03Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="567" xml:space="preserve">/* All CSS here is applied on api.php pages */

@media (prefers-color-scheme: dark) {
  body {
    background-color:#20211f;
    border-color: #7b7261;
    color: #f6ecdb;
  }
  
  h1, h2, h3, h4, h5, h6 {
    color: rgb(234, 224, 207);
    border-color: rgb(83, 84, 81);
  }
  
  .mw-highlight .s2 {
    color: rgb(206, 99, 91);
  }
  
  a {
    color: rgb(133, 180, 221);
  }
  
  a:visited {
    color: rgb(141, 127, 218);
  }
  
  pre, code, .mw-code {
    background-color: rgb(34, 35, 33);
    color: rgb(234, 224, 207);
    border-color: rgb(63, 64, 62);
  }
}</text>
    <sha1>c95cf2c22c12d821f22b745f2aa78d4f6f711500</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>9</id>
  <revision>
    <id>10</id>
    <timestamp>2024-06-13T17:33:05Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="32369" xml:space="preserve">/* CSS placed here will be applied to all skins */

:root,
.view-light {
    --wiki-body-background-image: none;
    --wiki-body-background-color: #f6f6f6;
    --wiki-body-background-color--rgb: 246,246,246;
    --wiki-body-dynamic-color: #000000;
    --wiki-body-dynamic-color--rgb: 0,0,0;
    --wiki-body-dynamic-color--inverted: #ffffff;
    --wiki-body-dynamic-color--inverted--rgb: 255,255,255;
    --wiki-body-dynamic-color--secondary: #333333;
    --wiki-body-dynamic-color--secondary--rgb: 51,51,51;
    --wiki-body-dynamic-color--secondary--inverted: #dddddd;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221;
    --wiki-body-font-family: sans-serif;
    
    --wiki-content-background-color: #ffffff;
    --wiki-content-background-color--rgb: 255, 255, 255;
    --wiki-content-background-opacity: 1;
    --wiki-content-background-color--secondary: #fbfbfb;
    --wiki-content-background-color--secondary--rgb: 251, 251, 251;
    --wiki-content-border-color: #a7d7f9;
    --wiki-content-border-color--rgb: 167, 215, 249;
    --wiki-content-text-color: #111111;
    --wiki-content-text-color--rgb: 17, 17, 17;
    --wiki-content-link-color: #0645ad;
    --wiki-content-link-color--rgb: 6, 69, 173;
    --wiki-content-link-label-color: #ffffff;
    --wiki-content-link-label-color--rgb: 255,255,255;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
    --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-link-color--hover: var(--wiki-content-link-color);
    --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-redlink-color: #ba0000;
    --wiki-content-redlink-color--rgb: 186,0,0;
    --wiki-content-text-mix-color: #8a8b8b;
    --wiki-content-text-mix-color--rgb: 138,139,139;
    --wiki-content-text-mix-color-95: #eef0f0;
    --wiki-content-text-mix-color-95--rgb: 238,240,240;
    --wiki-content-dynamic-color: #000000;
    --wiki-content-dynamic-color--rgb: 0,0,0;
    --wiki-content-dynamic-color--inverted: #ffffff;
    --wiki-content-dynamic-color--inverted--rgb: 255,255,255;
    --wiki-content-dynamic-color--secondary: #333333;
    --wiki-content-dynamic-color--secondary--rgb: 51,51,51;
    --wiki-content-dynamic-color--secondary--inverted: #dddddd;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221;

    --wiki-heading-color: var(--wiki-content-text-color);
    --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb);
    --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif;

    --wiki-accent-color: #3366cc;
    --wiki-accent-color--rgb: 51, 102, 204;
    --wiki-accent-color--hover: #447ff5;
    --wiki-accent-color--hover--rgb: 68, 127, 245; 
    --wiki-accent-label-color: #ffffff;
    --wiki-accent-label-color--rgb: 255, 255, 255;
    --wiki-accent-link-color: #22214d;
    --wiki-accent-link-color--rgb: 34, 33, 77;

    --wiki-sidebar-background-color: var(--wiki-content-background-color);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-sidebar-background-opacity: 0.0;
    --wiki-sidebar-border-color: var(--wiki-body-background-color);
    --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb);
    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-sidebar-heading-color: var(--wiki-heading-color);
    --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);

    --wiki-navigation-background-color: #e8f2f8;
    --wiki-navigation-background-color--rgb: 232, 242, 248;
    --wiki-navigation-background-color--secondary: var(--wiki-content-background-color);
    --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-border-color: var(--wiki-content-border-color);
    --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-navigation-selected-background-color: var(--wiki-content-background-color);
    --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
    --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb);
    --wiki-navigation-selected-text-color: var(--wiki-content-text-color);
    --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb);

    --wiki-alert-color: #bf0017;
    --wiki-alert-color--rgb: 191,0,23;
    --wiki-alert-label-color: #ffffff;
    --wiki-alert-label-color--rgb: 255, 255, 255;
    --wiki-warning-color: #cf721c;
    --wiki-warning-color--rgb: 207,114,28;
    --wiki-warning-label-color: #000000;
    --wiki-warning-label-color--rgb: 0, 0, 0;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12,116,47;
    --wiki-success-label-color: #ffffff;
    --wiki-success-label-color--rgb: 255, 255, 255;
    
    --wiki-icon-general-filter: ;
    --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%);
}

.view-dark {
    --wiki-body-background-image: none;
    --wiki-body-background-color: #171717;
    --wiki-body-background-color--rgb: 23, 23, 23;
    --wiki-body-dynamic-color: #ffffff;
    --wiki-body-dynamic-color--rgb: 255,255,255;
    --wiki-body-dynamic-color--inverted: #000000;
    --wiki-body-dynamic-color--inverted--rgb: 0,0,0;
    --wiki-body-dynamic-color--secondary: #dddddd;
    --wiki-body-dynamic-color--secondary--rgb: 221,221,221;
    --wiki-body-dynamic-color--secondary--inverted: #333333;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51;
    --wiki-body-font-family: sans-serif;
    
    --wiki-content-background-color: #202020;
    --wiki-content-background-color--rgb: 32,32,32;
    --wiki-content-background-opacity: 1.0;
    --wiki-content-background-color--secondary: #2b2b2b;
    --wiki-content-background-color--secondary--rgb: 43,43,43;
    --wiki-content-border-color: #991A51;
    --wiki-content-border-color--rgb: 153,26,81;
    --wiki-content-text-color: #ededed;
    --wiki-content-text-color--rgb: 237,237,237;
    --wiki-content-link-color: #6d8afb;
    --wiki-content-link-color--rgb: 109,138,251;
    --wiki-content-link-label-color: #000;
    --wiki-content-link-label-color--rgb: 0,0,0;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
    --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-link-color--hover: var(--wiki-content-link-color);
    --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-redlink-color: #FC3B2C;
    --wiki-content-redlink-color--rgb: 252,59,44;
    --wiki-content-text-mix-color: #868686;
    --wiki-content-text-mix-color--rgb: 134,134,134;
    --wiki-content-text-mix-color-95: #2a2a2a;
    --wiki-content-text-mix-color-95--rgb: 42,42,42;
    --wiki-content-dynamic-color: #ffffff;
    --wiki-content-dynamic-color--rgb: 255, 255, 255;
    --wiki-content-dynamic-color--inverted: #000000;
    --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0;
    --wiki-content-dynamic-color--secondary: #dddddd;
    --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221;
    --wiki-content-dynamic-color--secondary--inverted: #333333;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51;

    --wiki-heading-color:  var(--wiki-content-text-color);
    --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb);
    --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif;

    --wiki-accent-color: #ff1980;
    --wiki-accent-color--rgb: 255,25,128;
    --wiki-accent-color--hover: #D82073;
    --wiki-accent-color--hover--rgb: 216,32,115;
    --wiki-accent-label-color: #000;
    --wiki-accent-label-color--rgb: 0,0,0;
    --wiki-accent-link-color: #22214d;
    --wiki-accent-link-color--rgb: 34, 33, 77;

    --wiki-sidebar-background-color: var(--wiki-content-background-color);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
    --wiki-sidebar-border-color: var(--wiki-content-border-color);
    --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-sidebar-heading-color: var(--wiki-heading-color);
    --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);

    --wiki-navigation-background-color: var(--wiki-content-background-color--secondary);
    --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb);
    --wiki-navigation-background-color--secondary: var(--wiki-content-background-color);
    --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-border-color: var(--wiki-content-border-color);
    --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-navigation-selected-background-color: var(--wiki-content-background-color);
    --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
    --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb);
    --wiki-navigation-selected-text-color: var(--wiki-content-text-color);
    --wiki-navigation-selected-text-color-rgb: var(--wiki-content-text-color--rgb);

    --wiki-alert-color: #ce0018;
    --wiki-alert-color--rgb: 206,0,24;
    --wiki-alert-label-color: #000000;
    --wiki-alert-label-color--rgb: 0,0,0;
    --wiki-warning-color:#cf721c;
    --wiki-warning-color--rgb: 207,114,28;
    --wiki-warning-label-color: #000000;
    --wiki-warning-label-color--rgb: 0, 0, 0;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12,116,47;
    --wiki-success-label-color: #000000;
    --wiki-success-label-color--rgb: 0,0,0;
    
    --wiki-icon-general-filter: invert(100%);
    --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%);
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
	--pi-background: var(--wiki-content-background-color);
	--pi-secondary-background: var(--wiki-accent-color);
	--pi-secondary-background--rgb: var(--wiki-accent-color--rgb);
	--pi-secondary-background-label: var(--wiki-accent-label-color);
	--pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
	text-align:center;
	font-size:1.5em;
	background:rgba(var(--pi-secondary-background--rgb), 0.75);
	color:var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
	background:rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
	padding: 8px;
}

.pi-image-thumbnail {
	max-width:100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
	background: var(--pi-secondary-background);
	color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
	border-bottom: 0;
	font-family: inherit;
	font-weight: 700;
	margin: 0;
}
/*****************************
*   End PortableInfoboxes    *
******************************/

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	/*
	 * don't trust the note that says margin doesn't work with inline
	 * removing margin: 0 makes dds have margins again
	 * We also want to reset margin-right in Minerva
	 */
	margin: 0; 
	display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
/* Display nested lists inline */
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
	display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
	display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
	content: ": ";
}
.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
	content: " \00B7 ";;
	font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
	content: " (";
	font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
	content: ")";
	font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}

.hlist ol &gt; li {
	counter-increment: listitem;
}

.hlist ol &gt; li::before {
	content: " " counter(listitem) "\a0";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
	content: " (" counter(listitem) "\a0";
}
/********************************************
* End semantically-correct horizontal lists *
*********************************************/

/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
	clear: both;
	margin: 1em 0;
	padding: 3px;
	font-size: 90%;
	width: 100%;
	border: 1px solid var(--wiki-content-border-color);
	box-sizing: border-box;
}
.navbox-inner,
.navbox-subgroup {
	border-spacing: 0;
	width: 100%;
}
/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
	margin-top: -1px;
}
/* Spacing between rows */
.navbox-spacer {
	height: 2px;
}
/* Title bars and labels */
.navbox-title {
	font-weight: bold;
	font-size: 115%;
	padding: 0.25em 0.6em;
	line-height: 1.5em;
	color: var(--wiki-accent-label-color);
	background: var(--wiki-accent-color);
}
.navbox-title,
.navbox-abovebelow {
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
	background: rgba(var(--wiki-accent-color--rgb), 0.18);
	color: var(--wiki-content-text-color);
	border: 1px solid var(--wiki-content-border-color);
}
.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
	color: var(--wiki-accent-link-color);
}
.navbox-title .mw-collapsible-toggle {
	font-weight: normal;
	text-align: right;
}
.navbox-title-text {
	font-size: 105%;
}
/* Navbox-related links */
.navbox-title .navbar {
	float: left;
	margin-right: 0.5em;
}
.navbox-title .navbar a.external::after {
    content: unset;
}
/* Groups */
.navbox-group {
	font-weight: bold;
	padding: 0 0.5em;
	white-space: nowrap;
	text-align: center;
}
/* Zebra colouring for rows */
.navbox-even {
	background: #fff1;
}
/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
	display: flex;
}
.navbox-subgroup .navbox-title {
    width: 100%;
}
.navbox-subgroup .navbox-group {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: 11em;
	flex-grow: 1;
	flex-shrink: 0;
	white-space: normal;
}
/* Lists */
.navbox-list {
	width: 100%;
}
/* Mobile adjustments */
@media screen and (max-width: 1280px) {
	.mw-body .navbox-inner table {
        display: table;
	}
}
@media screen and (max-width: 720px) {
	.mw-body .navbox {
		display: none;
	}
}
/**********************
* End Template:Navbox *
***********************/


/*******************
* Main page layout *
********************/
#mp-box-welcome {grid-area: welcome;}
#mp-box-about {grid-area: about;}
#mp-box-links {grid-area: links;}
#mp-box-contribute {grid-area: contribute;}
#mp-box-featured {grid-area: featured;}
#mp-box-basics {grid-area: basics;}
#mp-box-gallery {grid-area: gallery;}
#mp-box-iconlists {grid-area: iconlists;}

/* Example Main Page 1 Grid Layout */
#mp-layout1-container {
	display:grid;
	grid-template-areas:
		"welcome"
		"about"
		"featured"
		"basics"
		"gallery"
		"links"
		"contribute";
	grid-template-columns:100%;
	gap:10px;
}

@media screen and (min-width:990px) {
	#mp-layout1-container {
		grid-template-areas:
			"welcome welcome"
			"about about"
			"featured basics"
			"gallery links"
			"contribute contribute";
		grid-template-columns:1fr 1fr;
	}
}

@media screen and (min-width:1350px) {
	#mp-layout1-container {
		grid-template-areas:
			"welcome welcome welcome"
			"about about basics"
			"featured featured basics"
			"gallery links links"
			"contribute contribute contribute";
		grid-template-columns: 2fr 1fr 2fr;
  }
}

/* Example Main Page 2 Grid Layout */
#mp-layout2-container {
	display:grid;
	grid-template-areas:
		"welcome"
		"links"
		"about"
		"gallery"
		"iconlists"
		"contribute";
	grid-template-columns:100%;
	gap:10px;
}

@media screen and (min-width:990px) {
	#mp-layout2-container {
		grid-template-areas:
			"welcome links"
			"gallery about"
			"iconlists about"
			"iconlists contribute";
		grid-template-columns: 3fr 2fr;
	}
}

@media screen and (min-width:1350px) {
	#mp-layout2-container {
		grid-template-areas:
			"welcome welcome links"
			"welcome welcome about"
			"gallery gallery about"
			"iconlists iconlists contribute";
		grid-template-columns: 3fr 2fr 2fr;
  }
}

/* Example Main Page 3 Grid Layout */
#mp-layout3-container {
	display:grid;
	grid-template-areas:
    "welcome"
    "about"
    "featured"
    "four"
    "priority"
		"projects"
    "wiki";
	grid-template-columns:100%;
	gap:10px;
}

@media screen and (min-width:990px) {
	#mp-layout3-container {
		grid-template-areas:
      "welcome welcome"
      "about about"
      "featured four"
			"priority projects"
      "wiki wiki";
		grid-template-columns:1fr 1fr;
	}
}

@media screen and (min-width:1350px) {
	#mp-layout3-container {
		grid-template-areas:
      "welcome welcome welcome"
      "about about four"
			"featured featured four"
			"priority projects projects"
			"wiki wiki wiki";
		grid-template-columns:2fr 1fr 2fr;
  }
}

.mp-box {
	display:flex;
	flex-flow:column nowrap;
	width: calc(100% - 2px);
	box-sizing: border-box;
	background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25);
	border:1px solid var(--wiki-content-border-color);
	padding:0px;
}

.mp-body {
	height: 100%;
	display: flex;
	padding:0.5em;
	flex-flow: column nowrap;
}

.mp-box.centered-content .mp-body {
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-evenly;
}

.mp-box.has-floating-image {
	display:block;
}

.mp-box.has-floating-image .mp-body {
	height:unset;
	display:block;
}

.mp-box h2 {
	text-align:center;
	font-weight:bold;
	font-family:var(--wiki-heading-font-family);
    overflow: initial;
	border-bottom: 1px solid var(--wiki-content-border-color);
	font-size: 150%;
	margin: 0;
	padding: 5px 0;
	color:var(--wiki-heading-color);
}

.mp-box .welcome-message {
    font-size: 200%;
    margin: 0;
    padding: 5px 0;
	color: #fff;
	filter: drop-shadow(0px 2px 3px #000);
}

#mp-banner-container {
	position: relative;
}

#mp-box-welcome {
	text-align:center;
	position:relative;
	overflow:hidden;
}

#mp-welcome {
	display:flex;
	flex-flow:column nowrap;
	position: relative;
	height: 100%;
	font-family: var(--wiki-heading-font-family);
	z-index: 2;
	box-sizing: border-box;
}

#mp-welcome .welcome-subtitle {
	height: 100%;
	background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85);
	padding:0.5em;
}

#mp-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(5px);
    z-index: -1;
    background: url(/images/e/e0/MP_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.view-dark #mp-banner {
	filter: blur(5px) brightness(50%);
}

.view-light #mp-banner {
	filter: blur(5px) contrast(50%);
}

/* [[Template:MP_link]] */
.mp-links {
  --gap:10px;
}

.mp-links &gt; ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	margin: 2px;
	gap:var(--gap);
}

.mp-links &gt; ul &gt; li {
	display:flex;
	flex-flow:column nowrap;
	align-items:stretch;
	text-align: center;
	box-sizing:border-box;
	flex: max(calc(50% - var(--gap)), 5em) 1 1;
	outline:1px solid var(--wiki-content-link-color);
	transition:0.1s ease-in;
}

.mp-links &gt; ul &gt; li:hover {
	background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
}

.mp-links.columns-1 &gt; ul &gt; li {flex: max(calc(100% - var(--gap)), 5em) 1 1;}
.mp-links.columns-2 &gt; ul &gt; li {flex: max(calc(50% - var(--gap)), 5em) 1 1;}
.mp-links.columns-3 &gt; ul &gt; li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;}
.mp-links.columns-4 &gt; ul &gt; li {flex: max(calc(25% - var(--gap)), 5em) 1 1;}
.mp-links.columns-5 &gt; ul &gt; li {flex: max(calc(20% - var(--gap)), 5em) 1 1;}
.mp-links.columns-6 &gt; ul &gt; li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;}
.mp-links.columns-7 &gt; ul &gt; li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;}

.mp-links &gt; ul &gt; li:hover a {
	text-decoration: underline;
}

.mp-links &gt; ul &gt; li &gt; a {
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
	flex:1 1 auto;
	box-sizing:border-box;
	padding:5px;
}

.mp-links &gt; ul &gt; li &gt; a:first-child {
  height:100%;
}

.mp-links &gt; ul &gt; li &gt; a:last-child:not(:first-child) {
  height:unset;
}

.mp-links.stretch,
.mp-links.stretch &gt; ul {
	height:100%;
}

.mp-links.side-image li {
	flex-flow:row nowrap;
}

/* MP icon lists */
.mp-iconlists {
	display: flex;
    flex-flow: wrap;
    gap: 5px 20px;
}

.mp-iconlists &gt; .mp-iconlist {
	flex: 1;
    min-width: fit-content;
}

.mp-iconlist &gt; h3 {
	padding: 0;
	margin: 0;
}

.mp-iconlist &gt; ul {
	list-style: none;
	margin: 0;
}

/* MP gallery */
.mp-box ul.gallery {
    display: flex;
    flex-flow: wrap;
    gap: 5px 10px;
    align-items: flex-end;
    justify-content: space-evenly;
    margin: 0;
}

.mp-box ul.gallery .gallerytext {
	margin-top: 1em;
	padding: 0;
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-link-color);
}

.mp-box .gallerybox:hover .gallerytext {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.2);
}

.mp-box ul.gallery .gallerytext &gt; p {
	margin: 0;
}

.mp-box ul.gallery .gallerytext a {
	display: block;
    padding: .5em 0;
}

/***********************
* End main page layout *
************************/

/***********************
* Start DRUID infoboxes *
************************/

.druid-container {
    /* These variables are designed to inherit from your wiki's color variables.
       If your wiki uses a different naming scheme, change the inner names to match yours.
       If your wiki doesn't use color variables you should consider doing so,
       otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
    */
    --druid-background-color: var(--wiki-content-background-color, #ffffff);
    --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
    
    --druid-secondary-background-color: var(--wiki-accent-color, #36c);
    --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
    --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
    --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
    
    --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
    --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
    
    --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
    --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
    
    --druid-link-color: var(--wiki-content-link-color, #0645ad);
    --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
    --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
    --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
    border: 4px solid var(--druid-border-color);
    border-radius: 3px;
    background: var(--druid-background-color);
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
	width:100%;
	max-width:22em;
    box-sizing: border-box;
    border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}

.druid-main-images-file,
.druid-main-image {
    text-align:center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
    background:rgba(var(--druid-secondary-background-color--rgb), 0.75);
    color:var(--druid-secondary-background-label-color);
    text-align:center;
    font-size:1.5em;
    padding:1px;
}

.druid-infobox .druid-section {
    font-size: 1.25em;
    font-weight: 500;
}

.druid-label {
    font-weight:bold;
    text-align: right;
	box-sizing: border-box;
}

.druid-row &gt; .druid-label {
    width: 48%;
    flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
	padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
    padding:5px;
}

.druid-main-image img, 
.druid-main-images img {
    max-width:100%;
    height:auto;
}

.druid-main-images-labels {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-evenly;
    margin:0.25em;
    gap:0.25em;
}

.druid-main-images-label {
    cursor:pointer;
    flex:1 1 auto;
    text-align:center;
    transition:.1s ease-in;
    outline:1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
    background:var(--druid-link-color);
    color:var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
    background:rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
    display:none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
    display:none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
    display:none;
}

.druid-grid {
    display:grid;
    gap: 0.3em;
	padding: 0.35em;
}

.druid-grid-item {
    background:var(--druid-tertiary-background-color);
    padding:0.25em;
    border:1px solid rgba(var(--druid-border-color--rgb), 0.5);
    border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
	text-align: center;
}

.druid-section-container &gt; .druid-collapsible {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.druid-collapsed {
    display:none!important;
}

.druid-collapsible {
    cursor:pointer;
    position:relative;
}

.druid-collapsible::after {
    content:'\2013';
    display:block;
    position:absolute;
    right:10px;
    font-size:20px;
    font-weight:bold;
    color:var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
    content:'+';
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/

div.druid-row {
    display:flex;
    margin-block: 1px;
}

div.druid-row + div.druid-row {
	margin-top: 0;
}

div.druid-row &gt; .druid-label {
	background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
    display:none;
}

/***********************
* End DRUID infoboxes  *
************************/

/*** Miscellaneous ***/
.responsive-image {
	max-width:100%;
	height:auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
    filter:invert(100%);
}

@media screen and (min-width:720px) {
	.mobileonly {
		display:none;
	}
}
@media screen and (max-width:720px) {
	.nomobile {
		display:none;
	}
}

/**************************
* Start Modular Templates *
**************************/

/********* [[Template:Ambox]] *********/
.ambox {
	border: 1px solid var(--wiki-content-border-color);
	border-left: 10px solid var(--ambox-color);
	border-radius: 2px;
	display: flex;
	align-items: center;
	gap: .6em;
	margin: 1em 0;
	padding: 3px .6em;
	background-color: var(--wiki-content-background-color--secondary);
	box-shadow: 2px 2px 5px 0px #0002;
}

@media (min-width: 720px) {
	.ambox {
		margin-inline: 10%;
	}
}

.ambox.tiny {
	padding: .04rem .5em;
	margin-inline: 0;
    width: fit-content;
}

.ambox + .ambox {
	margin-top: -.6em;
}

.ambox-content p {
	margin: .15em 0;
}

.ambox-title {
	font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
    padding: 1px 0 1px 1.6em;
    margin-bottom: 0.5em;
    font-style: italic;
    border-top: 1px solid var(--wiki-body-dynamic-color--secondary--inverted);
    border-bottom: 1px solid var(--wiki-body-dynamic-color--secondary--inverted);
}

.hatnote.icon {
	padding-left: 0;	
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events:none;
}

.spoiler-content.show &gt; * {
  pointer-events:unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
	display: inline-flex; 
	align-items: center;
    height: var(--link-icon-line-height);
    vertical-align: bottom;
}

.link-icon .regular {
    align-self: center;
}

.link-icon .regular a {
	display: flex;
}

.link-icon .regular img {
	height: var(--link-icon-size);
	max-width: var(--link-icon-size);
}

.link-icon .fallback {
	outline: 1px solid var(--wiki-content-text-color);
	border-radius: 50%;
	text-align: center;
	width: var(--link-icon-size);
	line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
	display: inline-block;
}

.link-icon.notext {
    display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
    background: var(--wiki-content-background-color--secondary);
    border-radius: 5px;
    border: 2px solid var(--wiki-content-border-color);
    margin: .5em 0;
    padding: .5em;
}

.quote .block {
	display: block;
}

.quote .title {
	font-size: large;
    font-weight: bold;
}

.quote .content {
	font-style: italic;
}

.quote .author {
	font-weight: bold;
	text-align: end;
}

.quote .marks-wrapper {
	display: flex;
	gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
	font-size: 100px;
    line-height: 0px;
}

.quote .marks-wrapper::before {
	content: "\201C";
	margin-top: 40px;
}

.quote .marks-wrapper::after {
	content: "\201D";
	align-self: end;
	margin-bottom: -10px;
}

/************************
* End Modular Templates *
*************************/</text>
    <sha1>e1beecd82b6a215cafeca33cb1d8828bf87dfafc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Common.js</title>
  <ns>8</ns>
  <id>10</id>
  <revision>
    <id>11</id>
    <timestamp>2024-06-13T17:33:06Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="2592" xml:space="preserve">/* Any JavaScript here will be loaded for all users on every page load. */

/* DRUID */
$(function () {
  $(".druid-main-images-label").off("click");
  $(".druid-main-images-label").click(function () {
    var $parent = $(this).closest(".druid-container");
    $parent.find(".druid-toggleable").removeClass("focused");
    var i = $(this).attr("data-druid");
    $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused");
  });

  $(".druid-collapsible").off("click");
  $(".druid-collapsible").click(function () {
    var kind = $(this).attr("data-druid-section");
    $(this).toggleClass("druid-collapsible-collapsed");
    $(this)
      .closest(".druid-container")
      .find("[data-druid-section-row=" + kind + "]")
      .toggleClass("druid-collapsed");
  });
});
/* End DRUID */

/* [[Template:Spoiler]] */
$(function () {
	$('.spoiler-content')
	.off('click') // in case this code is loaded twice
	.on('click', function(e){
		$(this).toggleClass('show');
	}).find('a').on('click', function(e){
		e.stopPropagation();
	});

});
/* End Template:Spoiler */


/* Link to imported modules from Lua code */
$(function() {
    var config = mw.config.get([
        'wgCanonicalNamespace',
        'wgFormattedNamespaces'
    ]);
    if (config.wgCanonicalNamespace !== 'Module') {
        return;
    }
    var localizedNamespace = config.wgFormattedNamespaces[828];
    $('.s1, .s2, .s').each(function() {
        var $this = $(this);
        var html = $this.html();
        var quote = html[0];
        var isLongStringQuote = quote === '[';
        var quoteRE = new RegExp('^\\' + quote + '|\\' + quote + '$', 'g');
        if (isLongStringQuote) {
            quoteRE = /^\[\[|\]\]$/g;
        }
        var name = html.replace(quoteRE, '');
        var isEnglishPrefix = name.startsWith('Module:');
        var isLocalizedPrefix = name.startsWith(localizedNamespace + ':');
        var isDevPrefix = name.startsWith('Dev:');
        if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) {
            var attrs = {
                href: mw.util.getUrl(name)
            };
            if (isDevPrefix) {
                attrs.href = 'https://commons.wiki.gg/wiki/Module:' + mw.util.wikiUrlencode(name.replace('Dev:', ''));
                attrs.target = '_blank';
                attrs.rel = 'noopener';
            }
            var link = mw.html.element('a', attrs, name);
            var str = quote + link + quote;
            if (isLongStringQuote) {
                str = '[[' + link + ']]';
            }
            $this.html(str);
        }
    });
});</text>
    <sha1>45e585a86116588c22b113b568b4ca10b3baecdb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Gadget-UploadMultipleFiles.js</title>
  <ns>8</ns>
  <id>11</id>
  <revision>
    <id>12</id>
    <timestamp>2024-06-13T17:33:09Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="6144" xml:space="preserve">/* Modified version of https://dev.fandom.com/wiki/UploadMultipleFiles
 * from https://terraria.wiki.gg/wiki/MediaWiki:Gadget-uploadMultipleFiles.js */
mw.loader.using(["site", "mediawiki.util"]).then(function() {
	if (mw.config.get("wgCanonicalSpecialPageName") !== "Upload")
		return;
	
	if (window.__wgg_UploadMultipleFiles_IsLoaded) {
		return;
	}
	window.__wgg_UploadMultipleFiles_IsLoaded = true;

	var l10nFactory = l10nFactory || function($lang, $data) {
		return function ($key) {
			// (null == undefined) is true, (null === undefined) is false
			return ($data[$lang] &amp;&amp; $data[$lang][$key] != null) ? $data[$lang][$key] : $data.en[$key];
		};
	};

	const l10n = l10nFactory(mw.config.get("wgUserLanguage"), {
		en: {
			multiupload: "Upload multiple files:",
			yes: "Yes",
			no: "No",
			sourcefiles: "Source files:",
			categoryname: "Category name:",
			categorynamehint: "Page name of the category the files will automatically be added to, e.g. Item images",
			categorynamespace: "Category",
			uploadfiles: "Upload files",
			nofiles: "Please select some files first.",
			nolicense: "Please select a valid license first.",
			summary: "Summary",
			license: "Licensing",
			categories: "Categories",
			uploading: "Uploading files...",
			uploaded: "Uploaded:",
			failed: "Failed:",
			done: "Done."
		}
	});

	const getUploadDescription = function() {
		var sections = [];

		var summary = $("#wpUploadDescription").val();
		var licenseDisplayName = $("#wpLicense option:selected").val();
		var categoryName = $("#multiFileCategory").val();

		if (summary !== "")
			sections.push(summary);

		if (licenseDisplayName !== "") {
			var licenseTemplateText = $("#wpLicense option:selected").prop("title");
			sections.push("== " + l10n("license") + " ==\n" + licenseTemplateText);
		}

		if (categoryName !== "")
			sections.push("[[" + l10n("categorynamespace") + ":" + categoryName + "]]");

		return sections.join("\n\n");
	};

	const getWatchlistPreference = function() {
		if ($("#wpWatchthis").is(":checked")) {
			return "watch";
		} else {
			return "nochange";
		}
	};
	
	$(function(){
		$("#wpUploadFile").parent().parent().addClass("regularFileSelect");
		$("tr.regularFileSelect").before('&lt;tr&gt;&lt;td class="mw-label"&gt;'+ l10n("multiupload") + '&lt;/td&gt;&lt;td class="mw-input"&gt;&lt;label&gt;&lt;input type="radio" name="multipleFiles" value="'+ l10n("yes") + '" /&gt; '+ l10n("yes") + '&lt;/label&gt; &amp;nbsp; &lt;label&gt;&lt;input type="radio" name="multipleFiles" value="'+ l10n("no") + '" checked="" /&gt; '+ l10n("no") + '&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;');
		$("tr.regularFileSelect").after('&lt;tr class="multipleFileSelect" style="display:none;"&gt;&lt;td class="mw-label"&gt;' + l10n("sourcefiles") + '&lt;/td&gt;&lt;td class="mw-input"&gt;&lt;input type="file" id="multiupload" multiple /&gt;&lt;/td&gt;&lt;/tr&gt;');
		$("input[name='wpUpload']").addClass("regularFileSelect");
		$("#wpDestFile").parent().parent().addClass("regularFileSelect");
		$("#wpIgnoreWarning").parent().parent().addClass("regularFileSelect");

		// Append "category name" textbox to multiupload section
		$("#mw-upload-form #mw-htmlform-description tbody").append('&lt;tr class="mw-htmlform-field-HTMLTextField multipleFileSelect" style="display:none;"&gt;&lt;td class="mw-label"&gt;&lt;label for="multiFileCategory"&gt;&lt;abbr title="' + l10n("categorynamehint") + '"&gt;' + l10n("categoryname") + '&lt;/abbr&gt;&lt;/label&gt;&lt;/td&gt;&lt;td class="mw-input"&gt;&lt;input id="multiFileCategory" name="multiFileCategory" size="60"&gt;&lt;/td&gt;&lt;/tr&gt;');

		$("input[name='wpUpload']").after('&lt;input type="button" value="' + l10n("uploadfiles") + '" class="multipleFileSelect" style="display:none;" id="multiFileSubmit" /&gt;');
		$("input[name='multipleFiles']").change(function() {
			if (this.value === l10n("yes")) {
				$(".regularFileSelect").hide();
				$(".multipleFileSelect").show();
			} else {
				$(".regularFileSelect").show();
				$(".multipleFileSelect").hide();
			}
		});

		$("#multiFileSubmit").click(function() {
			var files = $("#multiupload")[0].files;

			// Cancel upload if no files are selected
			if (files.length === 0) {
				alert(l10n("nofiles"));
				return false;
			}
			// Cancel upload if no license is selected
			if ($("#wpLicense option:selected").val() === "" &amp;&amp; !mw.config.get("UMFBypassLicenseCheck")) {
				alert(l10n("nolicense"));
				return false;
			}

			// Description is summary + license + category
			var description = getUploadDescription();
			var watch = getWatchlistPreference();

			$("#firstHeading").text(l10n("uploading"));
			$("#mw-content-text").html("&lt;h3&gt;" + l10n("uploaded")  + "&lt;/h3&gt;&lt;ul&gt;&lt;/ul&gt;&lt;div style='display:none;' id='multiUploadFailed'&gt;&lt;h3&gt;" + l10n("failed") + "&lt;/h3&gt;&lt;ul&gt;&lt;/ul&gt;&lt;/div&gt;");
			
			var currentFileIdx = 0;
			var uploadCurrentFile;
			uploadCurrentFile = function() {
				if (currentFileIdx &gt; files.length) {
					$("#mw-content-text").append("&lt;h3&gt;"+ l10n("done") + "&lt;/h3&gt;");
					return;
				}

				if (files[currentFileIdx] === undefined) {
					currentFileIdx++;
					uploadCurrentFile();
					return;
				}

				fd = new FormData();
				fd.append("action", "upload");
				fd.append("token", mw.user.tokens.get("csrfToken"));
				fd.append("filename", files[currentFileIdx].name);
				fd.append("file", files[currentFileIdx]);
				fd.append("text", description);
				fd.append("watchlist", watch);
				fd.append("ignorewarnings", 1);
				fd.append("format", "json");
				
				$.ajax({
					url: mw.util.wikiScript("api"),
					method: "POST",
					data: fd,
					cache: false,
					contentType: false,
					processData: false,
					type: "POST"
				}).done(function(d) {
					if (d.error == undefined) {
						$("#mw-content-text &gt; ul").append('&lt;li&gt;&lt;a href="' + d.upload.imageinfo.descriptionurl + '" target="_blank"&gt;' + d.upload.filename + '&lt;/a&gt;&lt;/li&gt;');
					} else {
						$("#multiUploadFailed ul").append('&lt;li&gt;' + files[currentFileIdx].name + '&lt;/li&gt;');
						$("#multiUploadFailed").show();
					}
					currentFileIdx++;
					uploadCurrentFile();
				}).fail(function() {
					$("#multiUploadFailed ul").append('&lt;li&gt;' + files[currentFileIdx].name + '&lt;/li&gt;');
					$("#multiUploadFailed").show();
					currentFileIdx++;
					uploadCurrentFile();
				});
			};
			uploadCurrentFile();
		});
	});
});</text>
    <sha1>b05306b3ea3271c87b87546ac6619aa30e47782f</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Gadget-fixCrossWikiNotif.js</title>
  <ns>8</ns>
  <id>12</id>
  <revision>
    <id>13</id>
    <timestamp>2024-06-13T17:33:10Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="1194" xml:space="preserve">mw.loader.using(['ext.echo.api', 'mediawiki.language']).then(function() {
	if (mw.echo.api.EchoApi.prototype.DEFAULTfetchNotifications) return;
	mw.echo.api.EchoApi.prototype.DEFAULTfetchNotifications = mw.echo.api.EchoApi.prototype.fetchNotifications;
	mw.echo.api.EchoApi.prototype.fetchNotifications = function() {
		return this.DEFAULTfetchNotifications.apply(this, arguments).then(function(data) {
			var foreignNotifData = ( data || { list: [] } ).list.find(function(notifData) {
					return notifData.type === 'foreign';
				}), wikiList, source, title;
			if (foreignNotifData) {
				wikiList = [];
				for (source in foreignNotifData.sources) {
					title = source.replace('_', '.wiki.gg/').replace(/\/en$/, '');
					wikiList.push(title);
					foreignNotifData.sources[source].title = title;
					foreignNotifData.sources[source].url = 'https://' + title + '/api.php';
					foreignNotifData.sources[source].base = 'https://' + title + '/wiki/$1';
				}
				if (foreignNotifData['*'] &amp;&amp; foreignNotifData['*'].body === mw.language.listToText(Array(wikiList.length).fill(''))) {
					foreignNotifData['*'].body = mw.language.listToText(wikiList);
				}
			}
			return data;
		});
	};
});</text>
    <sha1>279c1a0c4d8bc5df1e273dece10edb5a703087b9</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Gadget-hoverShowSpoilers.css</title>
  <ns>8</ns>
  <id>13</id>
  <revision>
    <id>14</id>
    <timestamp>2024-06-13T17:33:11Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="175" xml:space="preserve">.spoiler-content:hover &gt; * {
  pointer-events:unset;
}

.spoiler-content:hover {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content:hover &gt; span {
  opacity: 1;
}</text>
    <sha1>d2156d876c40acb9b30462c1e981a3b466131116</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Gadget-purge.js</title>
  <ns>8</ns>
  <id>14</id>
  <revision>
    <id>15</id>
    <timestamp>2024-06-13T17:33:13Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="1031" xml:space="preserve">var l10n = (function(){
	var $text = {
		'buttonlabel': {
			'en': 'Purge',
			'de': 'Aktualisieren',
			'fr': 'Purger',
			'ru': 'Обновить',
			'pt': 'Actualizar',
			'pt-br': 'Actualizar',
		},
		'hovertext': {
			'en': 'Purge the server cache for this page',
			'de': 'Den Server-Cache dieser Seite löschen',
			'fr': 'Purge le cache du serveur de cette page',
			'ru': 'Очистить кэш сервера на этой странице',
			'pt': 'Limpe o cache do servidor para esta página',
			'pt-br': 'Limpe o cache do servidor para esta página',
		}
	}
	var $lang = mw.config.get( 'wgUserLanguage' ) || 'en';
	return function(key){
		return $text[key] &amp;&amp; ($text[key][$lang] || $text[key]['en']) || '';
	}
})();

if ( mw.config.get( 'wgNamespaceNumber' ) !== -1 ) {
	$(document).ready(function(){
		var url = new URL(window.location.href);
		url.searchParams.set('action', 'purge');
		mw.util.addPortletLink('p-cactions', url.href, l10n('buttonlabel'), 'ca-gadget-purgecache', l10n('hovertext'), '1');
	});
}</text>
    <sha1>7d39b07db2a88b17920f5eb5d7f86fd895cc8f44</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Gadget-userProfile.css</title>
  <ns>8</ns>
  <id>15</id>
  <revision>
    <id>16</id>
    <timestamp>2024-06-13T17:33:14Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="279" xml:space="preserve">#contentSub &gt; * + .horse-userprofile {
	margin-top: 1em;
}
.horse-userprofile {
	font-size: 120%;
	color: var(--wiki-content-text-color);
	border: 2px solid var(--wiki-content-border-color);
	padding: 6px 12px;
}
.horse-userprofile-info span:first-of-type {
	font-weight: bold;
}</text>
    <sha1>1729445bb17e2974426befaf9bd441ab4bf189c5</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Gadget-userProfile.js</title>
  <ns>8</ns>
  <id>16</id>
  <revision>
    <id>17</id>
    <timestamp>2024-06-13T17:33:15Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="6251" xml:space="preserve">// User profile
// &lt;nowiki&gt;
mw.loader.using( [ 'mediawiki.util', 'mediawiki.api' ] ).done( function() {
	var username = mw.config.get('wgRelevantUserName');
	var lang = mw.language.bcp47(mw.config.get('wgUserLanguage'));
	if ( username &amp;&amp; !window.loadedHorseUserProfile ) {
		window.loadedHorseUserProfile = true;
		var dateOptions = {
			year: "numeric",
			month: "short",
			day: "numeric",
			hour: "2-digit",
			minute: "2-digit",
			timeZone: "UTC",
			timeZoneName: "short"
		};
		var api = new mw.Api();
		if ( mw.util.isIPAddress(username) ) api.get( {
			action: 'query',
			list: ['usercontribs', 'blocks'],
			ucuser: username,
			ucprop: [],
			uclimit: 'max',
			bkip: username,
			bkprop: ['user', 'by', 'timestamp', 'expiry', 'reason'],
			bklimit: 1,
			formatversion: 2
		} ).done( function(data) {
			var editcount = data.query.usercontribs.length;
			if ( data.continue ) editcount = data.limits.usercontribs+'+'
			var user = {
				groups: ['*'],
				editcount: editcount
			};
			formatProfile(user, data.query.blocks[0]);
		} );
		else api.get( {
			action: 'query',
			list: 'users',
			ususers: username,
			usprop: ['groups', 'editcount', 'registration', 'blockinfo', 'emailable'],
			formatversion: 2
		} ).done( function(data) {
			var user = data.query.users[0];
			var block;
			if ( user.blockid ) block = {
				user: username,
				by: user.blockedby,
				timestamp: user.blockedtimestamp,
				expiry: user.blockexpiry,
				reason: user.blockreason
			};
			formatProfile(user, block);
		} );
		
		function formatProfile(user, block) {
			user.groups.splice(user.groups.indexOf('*'), 1);
			var text = '&lt;div class="horse-userprofile-info"&gt;';
			if ( user.groups.length ) {
				var groupList = user.groups.map( function(group) {
					var grouppage = '{{MediaWiki:grouppage-'+group+'}}';
					return [
						'{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'}}]] | {{int:group-'+group+'}} }}',
						'{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'-member|'+username+'}}]] | {{int:group-'+group+'-member|'+username+'}} }}'
					];
				} ).reduce( function(prev, cur) {
					prev[0].push(cur[0]);
					prev[1].push(cur[1]);
					return prev;
				}, [[], []] );
				text += '\n\n&lt;span&gt;{{int:prefs-memberingroups|'+user.groups.length+'|'+username+'}}&lt;/span&gt;\t&lt;span&gt;{{int:prefs-memberingroups-type|'+mw.language.listToText(groupList[0])+'|'+mw.language.listToText(groupList[1])+'}}&lt;/span&gt;';
			}
			text += '\n\n&lt;span&gt;{{int:prefs-edits}}&lt;/span&gt;\t&lt;span&gt;[[Special:Contribs/'+username+'|'+mw.language.convertNumber(user.editcount)+']]&lt;/span&gt;';
			if ( user.registration ) {
				text += '\n\n&lt;span&gt;{{int:prefs-registration}}&lt;/span&gt;\t&lt;span&gt;'+mw.language.convertNumber(new Date(user.registration).toLocaleString(lang, dateOptions))+'&lt;/span&gt;';
				if ( !user.emailable ) text += '\n\n&lt;span&gt;{{int:nowikiemailtext|'+username+'}}&lt;/span&gt;';
			}
			text += '\n\n&lt;/div&gt;';
			if ( block &amp;&amp; mw.config.get('wgArticleId') !== 0 ) {
				var blockDate = new Date(block.timestamp);
				var blockexpiry = '{{int:infiniteblock}}';
				if ( !['infinite', 'indefinite', 'infinity', 'never'].includes(block.expiry) ) {
					var expiry = new Date(block.expiry.replace( /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2,3})/, '$1-$2-$3T$4:$5:$6Z' ));
					var duration = expiry - blockDate;
					var blockDuration = [];
					var factor = 1000;
					if ( duration % factor === 0 ) blockDuration = ['duration-seconds', Math.floor(duration / factor)];
					factor *= 60;
					if ( duration % factor === 0 ) blockDuration = ['duration-minutes', Math.floor(duration / factor)];
					factor *= 60;
					if ( duration % factor === 0 ) blockDuration = ['duration-hours', Math.floor(duration / factor)];
					factor *= 24;
					if ( duration % factor === 0 ) blockDuration = ['duration-days', Math.floor(duration / factor)];
					if ( duration % (factor*7) === 0 ) blockDuration = ['duration-weeks', Math.floor(duration / (factor*7))];
					if ( duration % (factor*30) === 0 ) blockDuration = ['months', Math.floor(duration / (factor*30))];
					factor *= 365;
					if ( duration % factor === 0 ) blockDuration = ['duration-years', Math.floor(duration / factor)];
					if ( duration % (factor*10) === 0 ) blockDuration = ['duration-decades', Math.floor(duration / (factor*10))];
					if ( duration % (factor*100) === 0 ) blockDuration = ['duration-centuries', Math.floor(duration / (factor*100))];
					if ( duration % (factor*1000) === 0 ) blockDuration = ['duration-millennia', Math.floor(duration / (factor*1000))];
					if ( blockDuration.length &lt; 2 || blockDuration[1] &gt; 1000 ) blockexpiry = mw.language.convertNumber(expiry.toLocaleString(lang, dateOptions));
					else blockexpiry = '{{int:'+blockDuration.join('|')+'}}';
				}
				text += '&lt;div class="horse-userprofile-block mw-warning-with-logexcerpt"&gt;&lt;div&gt;\n{{int:blocked-notice-logextract|'+username+'}}\n';
				text += '* '+mw.language.convertNumber(blockDate.toLocaleString(lang, dateOptions))+' {{int:logentry-block-block|[[User:'+block.by+'|'+block.by+']] &lt;span class="mw-usertoollinks mw-changeslist-links"&gt;&lt;span&gt;[[User talk:'+block.by+'|{{int:talkpagelinktext}}]]&lt;/span&gt; &lt;span&gt;[[Special:Contribs/'+block.by+'|{{int:contribslink}}]]&lt;/span&gt;&lt;/span&gt;|'+block.by;
				if ( mw.util.isIPAddress(block.user, true) ) text += '|[[Special:Contribs/'+block.user+'|'+block.user+']] &lt;span class="mw-usertoollinks mw-changeslist-links"&gt;&lt;span&gt;[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]&lt;/span&gt;&lt;/span&gt;';
				else text += '|[[User:'+block.user+'|'+block.user+']] &lt;span class="mw-usertoollinks mw-changeslist-links"&gt;&lt;span&gt;[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]&lt;/span&gt; &lt;span&gt;[[Special:Contribs/'+block.user+'|{{int:contribslink}}]]&lt;/span&gt;&lt;/span&gt;';
				text += '|'+block.user+'|'+blockexpiry+'|}} &lt;span class="comment"&gt;{{int:parentheses|'+block.reason+'}}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;';
			}
			api.parse( text, {
				disablelimitreport: true,
				wrapoutputclass: 'horse-userprofile mw-message-box mw-content-'+($('#contentSub').attr('dir')||'ltr'),
				uselang: mw.config.get('wgUserLanguage')
			} ).done( function(parsedText) {
				$('#contentSub').append(parsedText.replace( /\u29FCgroup-([^\u29FC\u29FD]+?)(?:-member)?\u29FD/g, '$1' ));
			} );
		}
	}
} );
// &lt;/nowiki&gt;</text>
    <sha1>2df0d96710fe446c5289ea1c484419b50c43fd5b</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Gadgets-definition</title>
  <ns>8</ns>
  <id>17</id>
  <revision>
    <id>18</id>
    <timestamp>2024-06-13T17:33:16Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="483" xml:space="preserve">* purge[ResourceLoader|default|type=general|rights=edit,purge|dependencies=mediawiki.util]|purge.js
* userProfile[ResourceLoader|dependencies=mediawiki.api|default]|userProfile.js|userProfile.css
* UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js
* fixCrossWikiNotif[ResourceLoader|dependencies=ext.echo.api,mediawiki.language|default|hidden|type=general]|fixCrossWikiNotif.js
* hoverShowSpoilers[ResourceLoader|type=styles]|hoverShowSpoilers.css</text>
    <sha1>82cc1264e5c070b25d638cab8f37cf261245525f</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Licenses</title>
  <ns>8</ns>
  <id>18</id>
  <revision>
    <id>19</id>
    <timestamp>2024-06-13T17:33:18Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1008" xml:space="preserve">* License|game|This contains content from the game or its official media
* License|fairuse|This will be used in a way that qualifies as "fair use" under US law
* License|CC0|This file is licensed under the CC0 1.0 License
* License|CC-BY-NC-ND|This is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License
* License|CC-BY-NC-SA|This is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License
* License|CC-BY-NC|This is licensed under the Creative Commons Attribution-NonCommercial 3.0 License
* License|CC-BY-ND|This is licensed under the Creative Commons Attribution-NoDerivs 3.0 License
* License|CC-BY-SA|This is licensed under the Creative Commons Attribution-ShareAlike 3.0 License
* License|CC-BY|This is licensed under the Creative Commons Attribution 3.0 License
* License|CC-PD|This is in the public domain
* License|CC-SRR|This is licensed under the Creative Commons Some Rights Reserved License
* License|nolicense|I don't know the license</text>
    <sha1>048e9ab2b3c87f0a7f6424d369cea89fe620df10</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Mainpage</title>
  <ns>8</ns>
  <id>19</id>
  <revision>
    <id>20</id>
    <timestamp>2024-06-13T17:33:19Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="12" xml:space="preserve">{{SITENAME}}</text>
    <sha1>3879910e8b355a24373fd09ccc909145b2639907</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Vector.css</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>22</id>
    <timestamp>2024-06-13T17:34:22Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="130871" xml:space="preserve">/* All CSS here will be loaded for users of the Vector skin */

/************************************
* Body, head, and general framework *
*************************************/
body {
    background-image: var(--wiki-body-background-image);
    background-size:cover;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--wiki-body-background-color);
    font-family: var(--wiki-body-font-family);
    accent-color: var(--wiki-accent-color);
}

#mw-page-base {
    background:none;
}

/* let ul default to text that respects color */
ul {
    list-style-image: none;
}

/* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */
table {
    display: table;
    white-space: unset;
}

/* Signal color scheme hints to browsers */
html.view-dark { color-scheme: dark }
html.view-light { color-scheme: light }

/************************
* End general framework *
*************************/

/**************
* Vector tabs *
***************/

.vector-menu-tabs-legacy li,
#p-cactions {
	background-image: linear-gradient(
        to top,
        var(--wiki-navigation-border-color) 0,
        var(--wiki-navigation-background-color) 1px,
        var(--wiki-navigation-background-color--secondary) 100%);
}

#p-cactions {
    z-index: 5;
}

.vector-menu-dropdown {
    /* Matching a built-in rule for .vector-menu-tabs-legacy */
    height: 2.5em;
}

.vector-menu-tabs-legacy li.selected {
    background: var(--wiki-navigation-selected-background-color);
    border-color: var(--wiki-navigation-selected-border-color);
}

.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading{
	background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%);
}

.vector-menu-tabs li a,
.vector-menu-tabs li.new a,
.vector-menu-tabs li.new a:visited,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    color: var(--wiki-navigation-text-color);
}

.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
    color: var(--wiki-navigation-selected-text-color);
}

.vector-menu-dropdown .vector-menu-content {
    background: none;
    border: none;
    box-shadow:none;
    margin-top:-1px;
}

.vector-menu-dropdown .vector-menu-content-list {
    background-color: var(--wiki-navigation-background-color--secondary);
    border: 1px solid var(--wiki-navigation-border-color);
}

div.vectorMenu .mw-list-item a,
.vector-menu-dropdown .mw-list-item.selected a,
.vector-menu-dropdown .mw-list-item.selected a:visited {
    color: var(--wiki-navigation-text-color);
}

.vector-menu-dropdown .vector-menu-heading::after {
    filter: brightness(0) var(--wiki-icon-to-link-filter);
}

#p-search {
    z-index:2;
}

#p-search .searchButton {
    background-color:transparent;
}

/******************
* End vector tabs *
*******************/

/********
* Links *
*********/
a,
.mw-parser-output a.external,
.mw-parser-output a.extiw {
    color: var(--wiki-content-link-color);
}

a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited {
    color: var(--wiki-content-link-color--visited);
}

a:not(.mw-selflink):hover,
a:visited:hover,
.mw-parser-output a.extiw:hover,
.mw-parser-output a.extiw:visited:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.external:visited:hover {
    color:var(--wiki-content-link-color--hover);
}

a.new,
a.new:visited,
.mw-usertoollinks-contribs-no-edits {
    color:var(--wiki-content-redlink-color);
}

/* move external marker to an after so we can filter it to link color */
.mw-parser-output a.external {
	background:none;
	padding-right: 0;
}

.mw-parser-output a.external::after {
	display:inline-block;
	width:1em;
	height:1em;
	background-image: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg?14604);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 0.857em;
	content:'';
	filter:brightness(0) var(--wiki-icon-to-link-filter);
	vertical-align: text-top;
}

a.extiw[title^="wikipedia:"]::after {
    display:inline-block;
    height:1em;
    width:1em;
    margin-left:1px;
    background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg);
    background-size:0.857em;
    background-repeat:no-repeat;
    background-position:center right;
    content:'';
    vertical-align: text-top;
}

a.extiw[title^="mw:"]::after {
    display:inline-block;
    height:1em;
    width:1em;
    margin-left:1px;
    background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg);
    background-size:0.857em;
    background-repeat:no-repeat;
    background-position:center right;
    content:'';
    vertical-align: text-top;
}
/************
* End links *
*************/

/***************
* Left Sidebar *
****************/

#mw-panel .vector-menu-portal {
    background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity));
    border:1px solid var(--wiki-sidebar-border-color);
}

@media screen and (max-width: 720px) {
	#mw-panel .vector-menu-portal {
		background-color: var(--wiki-sidebar-background-color);
	}
}

#mw-panel .vector-menu-portal + .vector-menu-portal {
    border-top: 0;
}

#mw-panel .vector-menu-portal:last-child {
    margin-bottom:0;
}

.vector-menu-portal .vector-menu-heading {
	padding: 0.75em 0 0 0.67em;
	margin: 0;
}
.vector-menu-portal .vector-menu-content {
	margin: 0 0.5em;
}

.vector-menu-portal .vector-menu-content .mw-list-item a,
.vector-menu-portal .vector-menu-content .mw-list-item a:visited {
    color: var(--wiki-sidebar-link-color);
}

.vector-menu-portal .vector-menu-heading {
    background: none;
    color: var(--wiki-sidebar-heading-color);
    font-family:var(--wiki-heading-font-family);
}

#t-newpage {
  --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-upload {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-print {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-whatlinkshere {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-specialpages {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-cargopagevalueslink {
  --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E");
  order:-1;
}

#t-specialpages &gt; a::before,
#t-whatlinkshere &gt; a::before,
#t-print &gt; a::before,
#t-newpage &gt; a::before,
#t-upload &gt; a::before,
#t-cargopagevalueslink &gt; a::before {
  content:'';
  background-image:var(--sidebar-icon);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  display:inline-block;
  width:15px;
  height:15px
}

#p-tb .mw-list-item &gt; a::before {
  filter:var(--wiki-icon-to-link-filter)
}

#p-tb .mw-list-item &gt; a {
  display:flex;
  align-items:center;
  gap:3px
}

#p-tb .vector-menu-content-list {
  display:flex;
  flex-direction:column;
}

/*******************
* End left sidebar *
********************/

/*******
* Logo *
********/
/* [[File:Site-logo.png]] */

.mw-wiki-logo {
    background-size: contain;
}

/***********
* End logo *
************/

/***************
* Content area *
****************/

.mw-body,
.parsoid-body,
.mw-footer {
  color: var(--wiki-content-text-color);
  background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity));
  border: 1px solid var(--wiki-content-border-color);
  margin-right: 1em;
}

.mw-footer {
    border-top:none;
}

.mw-footer li {
    color: var(--wiki-content-text-color);
}

@media screen and (max-width: 981px) {
    .mw-body,
    .parsoid-body,
    .mw-footer {
        margin-right: 0;
    }
}

/*******************************
* End content area and footer *
*******************************/

/***********************************
* wiki.gg network elements tuning *
*********************************/

#wikigg-footer {
    position: sticky;
    top: 100%;
    margin-top: 0.5rem;
    clear: both;
}

/**
 * Only clear right side in the MW footer to prevent icon overflow. This is accompanied by
 * the full clear on netfooter to stop the sidebar from offsetting it.
 */
.mw-footer &gt; div[style^="clear"]:last-child {
    clear: right !important;
}

/***************************************
* End wiki.gg network elements tuning *
*************************************/

/***********
* Headings *
************/
.mw-body h1,
.mw-body h2 {
    border-bottom: 1px solid var(--wiki-content-border-color);
}

.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
    color: var(--wiki-heading-color);
    font-family:var(--wiki-heading-font-family);
}

/***************
* End headings *
****************/

/*************
* Wikitables *
**************/
.wikitable {
    background: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.wikitable&gt;tr&gt;th,
.wikitable&gt;*&gt;tr&gt;th {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.wikitable&gt;tr&gt;td,
.wikitable&gt;*&gt;tr&gt;td {
    border: 1px solid var(--wiki-content-border-color);
}

/* Forward = yes bg on Special:Interwiki */
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
    background: rgba(var(--wiki-content-link-color--rgb), .1);
}

.zebra-table &gt; * &gt; tr:nth-of-type(2n),
.zebra-table &gt; tr:nth-of-type(2n) {
    background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05);
}

.view-dark .client-js .sortable:not(.jquery-tablesorter) &gt; * &gt; tr:first-child &gt; th:not(.unsortable),
.view-dark .jquery-tablesorter th.headerSort {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

.view-dark .jquery-tablesorter th.headerSortUp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

.view-dark .jquery-tablesorter th.headerSortDown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

/*****************
* End wikitables *
******************/

/**************
* Preferences *
***************/
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs&gt;.oo-ui-menuLayout-content&gt;.oo-ui-indexLayout-stackLayout&gt;.oo-ui-tabPanelLayout {
    border: none;
}

.oo-ui-tabSelectWidget-framed {
    background-color: transparent;
    border-bottom: 1px solid var(--wiki-content-link-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    color: var(--wiki-content-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
    background-color: var(--wiki-content-link-color);
    color: var(--wiki-content-link-label-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
    border-bottom: none;
}

.mw-prefs-buttons {
    background-color: var(--wiki-content-background-color);
    border-top: 1px solid var(--wiki-content-link-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color)
}

.oo-ui-pendingElement-pending {
	background-color: var(--wiki-content-background-color--secondary);
	background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
    color: var(--wiki-content-text-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: Var(--wiki-content-text-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.15);
    color: var(--wiki-content-link-color);
}

/****************
* End preferences *
*****************/

/***************
* Page history *
****************/
#pagehistory li {
    background-color: transparent;
    border: none;
}

#pagehistory li.selected {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px dashed var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.diff td.diff-addedline {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-success-color);
    border-width: 1px 1px 1px 4px;
}

.diff td.diff-addedline .diffchange {
    background-color: var(--wiki-success-color);
    color: var(--wiki-success-label-color);
}

.diff td.diff-deletedline {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-alert-color);
    border-width: 1px 1px 1px 4px;
}

.diff td.diff-deletedline .diffchange {
    background-color: var(--wiki-alert-color);
    color: var(--wiki-alert-label-color)
}

.diff td.diff-context {
    background: transparent;
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.diff-marker a.mw-diff-movedpara-right {
    color: transparent;
}

.diff-marker a.mw-diff-movedpara-right:hover:after {
    opacity: .75;
}

.diff-marker a.mw-diff-movedpara-right:after {
    color: var(--wiki-content-text-color);
    content: "\21a9";
}

.diff-marker a.mw-diff-movedpara-left {
    color: transparent;
}

.diff-marker a.mw-diff-movedpara-left:hover:after {
    opacity: .75;
}

.diff-marker a.mw-diff-movedpara-left:after {
    color: var(--wiki-content-text-color);
    content: "\21aa";
}

.mw-plusminus-neg {
  color:var(--wiki-alert-color);
}

.mw-plusminus-pos {
  color:var(--wiki-success-color);
}

/*******************
* End page history *
********************/

/********************
* Table of contents *
*********************/
#toc,
.toc,
.toccolours,
.mw-warning {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    box-shadow: 0 0.1em 0.2em #000000;
}

.toctogglelabel {
    color: var(--wiki-content-link-color);
}

.tocnumber {
    color: var(--wiki-content-text-color);
}

/************************
* End table of contents *
*************************/

/*************
* Thumbnails *
**************/
div.thumb {
    border: 1px solid var(--wiki-content-border-color);
    margin: 2px;
    margin-left: 6px;
}

img.thumbborder {
    border: 1px solid var(--wiki-content-border-color);
    padding: 5px;
}

div.thumbinner {
    background-color: rgba(255, 255, 255, .2);
}

li.gallerybox div.thumb {
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid var(--wiki-content-border-color);
}

html .thumbimage {
    border: 1px solid var(--wiki-content-border-color);
}

.thumb,
.thumb .thumbinner,
.thumb .thumbimage {
    max-width: 100%;
    box-sizing: border-box;
}

.thumb .thumbimage {
    height: auto;
}

/* packed-overlay mode for galleries */
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper {
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8);
}

/* Responsive floating thumbnails */
@media screen and (max-width: 720px) {
    div.tright {
        float: none;
        margin: 0 auto;
        width: max-content;
    }
}

/*****************
* End thumbnails *
******************/

/**************
* Wiki editor *
***************/
#wpTextbox0 {
  /* need !important here to override inline styling */
  background-color:var(--wiki-content-background-color) !important;
}

.wikiEditor-ui {
    border: none;
}

.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view {
  border-color:var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar {
    background: var(--wiki-content-background-color--secondary);
}

.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
    border-color:var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wiikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.wikiEditor-ui-toolbar .booklet .index .current {
    color: var(--wiki-content-link-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: var(--wiki-content-background-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a::before,
.wikiEditor-ui-toolbar .group .tool-select .label::after {
    filter: var(--wiki-icon-general-filter);
}

.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group .tool-select .label,
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .booklet .index div {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .booklet&gt;.index&gt; :hover {
    background-color: var(--wiki-content-background-color--secondary);
}

.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
    border-top: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
    border-color: var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-tabs div a {
    background: #9A647F;
    display: inline-block;
}

.wikiEditor-ui-tabs div.current {
    border-bottom: 1px solid #3B3352;
}

.wikiEditor-ui-tabs div.current a {
    font-weight: bold;
}

.wikiEditor-ui-tabs {
    border-left: 1px solid #3B3352;
    border-top: 1px solid #3B3352;
}

.wikiEditor-preview-contents {
    background: transparent;
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #3B3352;
    border-style: solid;
    border-width: 0 1px 1px;
}

.wikiEditor-ui-controls {
    background: transparent;
}

.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
    background-color: transparent;
}

.editOptions {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

input#wpSummary {
    margin-bottom: 1em;
    margin-top: 1em;
    width: 80%;
}

.view-dark .ace_editor,
.ace_editor {
    --ace-keywords: #CDA869;
    --ace-regexp: #E9C062;
    --ace-constants: #CF6A4C;
    --ace-illegal: #F8F8F8;
    --ace-deprecated: #D2A8A1;
    --ace-support: #9B859D;
    --ace-function: #DAD085;
    --ace-list: #F9EE98;
    --ace-variable: #7587A6;
    --ace-string: #8F9D6A;
    
    --ace-illegal-highlight: rgba(86, 45, 86, 0.75);
    --ace-step-highlight: #665200;
    --ace-multiselect-shadow: #141414;
}

.view-light .ace_editor{
    --ace-keywords: #00f;
    --ace-regexp: #036a07;
    --ace-constants: #c5060b;
    --ace-illegal: #f00;
    --ace-deprecated: #f00;
    --ace-support: #6d79de;
    --ace-function: #3c4c72;
    --ace-list: #b90690;
    --ace-variable: #318495;
    --ace-string: #036a07;
    
    --ace-illegal-highlight: rgba(255, 0, 0, 0.1);
    --ace-step-highlight: #fcff00;
    --ace-multiselect-shadow: #fff;
}

.ace_editor .ace_gutter {
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85);
}

.ace_gutter-cell {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4);
}

.ace_editor .ace_print-margin {
    width: 1px;
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75);
}

.ace_editor {
    /* this image gradient hack effectively lets the element have 2 layers of background */
    background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color));
    background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93);
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93);
}

.ace_editor .ace_cursor {
    color: var(--wiki-content-text-color);
}

.ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20)
}

.ace_editor.ace_multiselect .ace_selection.ace_start {
    box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow);
}

.ace_editor .ace_marker-layer .ace_step {
    background: var(--ace-step-highlight);
}

.ace_editor .ace_marker-layer .ace_active-line {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031)
}

.ace_editor .ace_gutter-active-line {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031)
}

.ace-tm .ace_marker-layer .ace_selected-word {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}

.ace_editor .ace_marker-layer .ace_selected-word {
    border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20)
}

.ace_editor .ace_invisible {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25)
}

.ace_editor .ace_keyword,
.ace_editor .ace_meta {
    color: var(--ace-keywords);
}

.ace_editor .ace_constant,
.ace_editor .ace_constant.ace_numeric,
.ace_editor .ace_constant.ace_character,
.ace_editor .ace_constant.ace_character.ace_escape,
.ace_editor .ace_constant.ace_other,
.ace_editor .ace_heading,
.ace_editor .ace_markup.ace_heading,
.ace_editor .ace_support.ace_constant {
    color: var(--ace-constants);
}

.ace_editor .ace_invalid.ace_illegal {
    color: var(--ace-illegal);
    background-color: var(--ace-illegal-highlight);
}

.ace_editor .ace_invalid.ace_deprecated {
    text-decoration: underline;
    font-style: italic;
    color: var(--ace-deprecated);
}

.ace_editor .ace_support,
.ace_editor .ace_support.ace_type {
    color: var(--ace-support);
}

.ace_editor .ace_fold {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
    border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}

.ace_editor .ace_support.ace_function {
    color: var(--ace-function);
}

.ace_editor .ace_list,
.ace_editor .ace_markup.ace_list,
.ace_editor .ace_storage {
    color: var(--ace-list);
}

.ace_editor .ace_entity.ace_name.ace_function,
.ace_editor .ace_meta.ace_tag,
.ace_editor .ace_variable {
    color: var(--ace-variable);
}

.ace_editor .ace_string {
    color: var(--ace-string);
}

.ace_editor .ace_string.ace_regexp {
    color: var(--ace-regexp);
}

.ace_editor .ace_comment {
    font-style: italic;
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3);
}

.ace_editor .ace_xml-pe {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28);
}

.ace_editor .ace_indent-guide {
    background:none;
    border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2);
}

.ace_search {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_search_field {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-mix-color);
}

.ace_button {
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_button:hover {
    background-color: var(--wiki-accent-color--hover);
    color: var(--wiki-accent-label-color);
}

.ace_button.checked {
    background-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.ace_searchbtn {
    background-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_searchbtn:hover {
    background-color: var(--wiki-accent-color--hover);
    color: var(--wiki-accent-label-color);
}

.ace_searchbtn.prev::after,
.ace_searchbtn.next::after {
    border-color: var(--wiki-accent-label-color);
}

.ace_searchbtn_close {
    filter: var(--wiki-icon-general-filter);
}

.wikiEditor-ui .codeEditor-status {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.mw-editform #wpTextbox1 {
    background: rgba(var(--wiki-content-background-color--rgb), 0.5);
    color: var(--wiki-content-text-color);
}

.view-dark .CodeMirror,
.CodeMirror {
    --codemirror-yellow: #ffd700;
    --codemirror-light-blue: #adf;
    --codemirror-blue: #08f;
    --codemirror-green: #290;
    --codemirror-red: #f50;
    --codemirror-dark-red: #dd1616;
    --codemirror-purple: #CD4EF9;
    --codemirror-pink: #e0e;
    --codemirror-light-gray: #eee;
    --codemirror-gray: #84a0a0;
}

.view-light .CodeMirror {
    --codemirror-yellow: #9e8500;
    --codemirror-light-blue: #008ae7;
    --codemirror-blue: #0085f9;
    --codemirror-green: #290;
    --codemirror-red: #ef4f00;
    --codemirror-dark-red: #a11;
    --codemirror-purple: #80c;
    --codemirror-pink: #ed00ed;
    --codemirror-light-gray: #858585;
    --codemirror-gray: #6b8a8a;
}

.CodeMirror {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color)
}

.CodeMirror .CodeMirror-line::selection,
.CodeMirror .CodeMirror-line&gt;span::selection,
.CodeMirror .CodeMirror-line&gt;span&gt;span::selection,
.CodeMirror .CodeMirror-line::-moz-selection,
.CodeMirror .CodeMirror-line&gt;span::-moz-selection,
.CodeMirror .CodeMirror-line&gt;span&gt;span::-moz-selection,
.CodeMirror .CodeMirror-selected {
    background: rgba(var(--wiki-content-link-color--rgb), .3);
}

.CodeMirror-linenumber {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid var(--wiki-content-text-color);
}

.cm-keyword {
    color: var(--codemirror-purple)
}

.cm-def {
    color: var(--codemirror-blue)
}

.cm-comment {
    color: var(--codemirror-yellow)
}

.cm-variable-2 {
    color: var(--codemirror-light-blue)
}

.cm-string {
    color: var(--codemirror-red)
}

.cm-atom {
    color: var(--codemirror-pink)
}

.cm-number {
    color: var(--codemirror-green)
}

.CodeMirror-gutters {
    background-color: var(--wiki-content-background-color--secondary);
    border-right-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color)
}

.cm-mw-matching {
    background-color: var(--codemirror-yellow)
}

.cm-mw-skipformatting {
    background-color: var(--codemirror-light-blue)
}

.cm-mw-list {
    color: var(--codemirror-blue)
}

.cm-mw-doubleUnderscore,
.cm-mw-hr,
.cm-mw-signature {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--codemirror-blue)
}

.cm-mw-indenting {
    color: var(--codemirror-blue)
}

.cm-mw-mnemonic {
    color: var(--codemirror-green)
}

.cm-mw-comment {
    color: var(--codemirror-gray)
}

.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic,
.cm-mw-section-header {
    color: var(--codemirror-blue)
}

.cm-mw-template,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-delimiter,
.cm-mw-template-name {
    color: var(--codemirror-purple);
}

.cm-mw-templatevariable,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter,
.cm-mw-templatevariable-name {
    color: var(--codemirror-red)
}

.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-parserfunction-name {
    color: var(--codemirror-dark-red)
}

.cm-mw-exttag-attribute,
.cm-mw-exttag-bracket,
.cm-mw-exttag-name,
.cm-mw-htmltag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name {
    color: var(--codemirror-green)
}

.cm-mw-link,
.cm-mw-link-pagename {
    color: var(--wiki-content-link-color)
}

.cm-mw-link-tosection {
    color: var(--codemirror-blue)
}

.cm-mw-extlink,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink,
.cm-mw-free-extlink-protocol,
.cm-mw-link-bracket,
.cm-mw-link-delimiter {
    color: var(--wiki-content-link-color)
}

.cm-mw-table-bracket,
.cm-mw-table-definition,
.cm-mw-table-delimiter {
    color: var(--codemirror-pink)
}

.cm-mw-matchingbracket {
    background-color: var(--wiki-content-background-color--secondary);
    box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color);
    font-weight: bold;
}

/* VisualEditor: Fix broken toolbar layout */
.oo-ui-toolbar {
    clear: none;
}
.ve-init-mw-desktopArticleTarget-toolbar-open &gt; .oo-ui-toolbar-bar &gt; div:nth-child(4) {
    display: none;
}
.ve-ui-toolbar-floating &gt; .oo-ui-toolbar-bar {
    top: var( --wikigg-header-height );
}

/*************
* End editor *
**************/

/****************
* Tabber styles *
*****************/
.tabber__tab,
.tabber__tab:visited {
  color:var(--wiki-content-link-color);
}

.tabber__tab:hover,
.tabber__tab:hover:visited,
.tabber__tab[aria-selected="true"],
.tabber__tab[aria-selected="true"]:visited {
    color: var(--wiki-content-text-color);
}

.tabber__indicator {
    background: var(--wiki-content-link-color);
}

.tabber__header__prev::after,
.tabber__header__next::after {
    filter: var(--wiki-icon-general-filter);
}
/********************
* End Tabber styles *
*********************/

/***************************************
* Various fixes for multi-theme Vector *
****************************************/

.oo-ui-iconElement-icon {
    filter: var(--wiki-icon-to-link-filter);
}

.oo-ui-iconElement-icon.oo-ui-icon-reload {
    filter: brightness(0) var(--wiki-icon-to-link-filter);	
}

fieldset {
  border-color:var(--wiki-content-border-color);
}

hr {
  background-color:var(--wiki-content-border-color);
}

.CategoryTreeToggle {
  color:var(--wiki-content-link-color);
}

input,
select {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

input:hover,
input:focus,
input:active {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

input:focus-visible {
    outline: 1px solid var(--wiki-content-link-color);
}

input::file-selector-button,
input[type="button"],
input[type="submit"] {
    background-color:var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.vector-body blockquote {
  border-color:var(--wiki-content-border-color);
}

ol.references li:target, sup.reference:target {
    background-color: rgba(var(--wiki-content-link-color--rgb), .1);
}

/* category bar and filetoc */
.catlinks,
ul#filetoc {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

/**/

body .ui-dialog .ui-widget-header {
    /* we need an important here because the built-in styles have one :( */
    background: var(--wiki-content-background-color) !important;
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick {
    filter: var(--wiki-icon-general-filter);
}

.ui-widget-header .ui-dialog-titlebar-close.ui-state-hover {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.ui-widget-content {
    background: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

body .ui-button {
    /* we need an important here because the built-in styles have one. Vector is a mess */
    background: var(--wiki-accent-color) !important;
    border-color: var(--wiki-accent-color) !important;
    color: var(--wiki-accent-label-color);
}

body .ui-button:hover,
body .ui-button:focus,
body .ui-button:active {
    /* we need an important here because we had to use some above */
    background: var(--wiki-accent-color--hover) !important;
    border-color: var(--wiki-accent-color--hover) !important;
    color: var(--wiki-accent-label-color);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: var(--wiki-accent-label-color);
}

#contentSub,
#contentSub2 {
  color:var(--wiki-content-text-mix-color);
}

/* arrow on redirect pages */
.mw-content-ltr .redirectText li:first-child {
  padding-left:0;
  background:none;
}

.mw-content-ltr .redirectText li:first-child::before {
  content:'';
  display:inline-block;
  width:47px;
  height:1em;
  vertical-align: middle;
  background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441);
  filter:var(--wiki-icon-general-filter);
}

/* notifications ("your edit was saved", etc.) */
.mw-notification {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}

.mw-notification .oo-ui-labelElement-label {
  color:var(--wiki-content-text-color);
}

.mw-notification .oo-ui-iconElement-icon {
  filter:unset;
}


/**/

.mime-type.has-warning {
  color:var(--wiki-content-text-color);
}

.oo-ui-image-warning.oo-ui-icon-alert,
.mw-ui-icon-alert-warning::before {
  filter:drop-shadow(0 0 3px #000);
}

.mw_metadata td,
.mw_metadata th {
    border-color: var(--wiki-content-border-color);
}

.mw_metadata th {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw_metadata td {
    background-color: var(--wiki-content-background-color);
}

.mw-datatable td,
.mw-datatable th {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

#mw-allmessagestable tbody:hover td,
.mw-datatable tr:hover&gt;td {
    background-color: var(--wiki-content-background-color--secondary);
}

#mw-allmessagestable .am_default {
    background-color: rgba(var(--wiki-accent-color--rgb), .8);
    color: var(--wiki-accent-label-color);
}

#mw-allmessagestable .am_actual,
#mw-allmessagestable tbody:hover .am_default {
    background-color: rgba(var(--wiki-accent-color--rgb), .6);
}

#mw-allmessagestable .am_actual {
    color: var(--wiki-accent-label-color);
}

#mw-allmessagestable tbody:hover .am_actual {
    background-color: rgba(var(--wiki-accent-color--rgb), .5);
}

.mw-datatable,
.mw-json {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: inherit;
}

.mw-datatable&gt;*&gt;tr&gt;th,
.mw-datatable&gt;tr&gt;th,
.mw-json&gt;*&gt;tr&gt;th,
.mw-json&gt;tr&gt;th {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    padding-bottom: 9px;
    padding-top: 9px;
}

.mw-datatable&gt;*&gt;tr&gt;td,
.mw-datatable&gt;tr&gt;td,
.mw-json&gt;*&gt;tr&gt;td,
.mw-json&gt;tr&gt;td {
    border-color: var(--wiki-content-border-color);
}

.mw-json tr {
    background-color: inherit;
}

.mw-json .mw-json-single-value,
.mw-json .mw-json-value,
.mw-json .value {
    background: rgba(var(--wiki-success-color--rgb), .6);
}

.mw-json .mw-json-empty {
    background: var(--wiki-content-background-color--secondary);
}

.mw-message-box,
.mw-message-box-warning {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
}

.mw-message-box-warning {
    border-color: var(--wiki-warning-color);
    border-width: 1px 1px 1px 10px;
}

.wikitable *,
.wikitable :after,
.wikitable :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.cargo-pagevalues-tableinfo {
    background-color: var(--wiki-content-background-color);
    border-bottom: 1px solid var(--wiki-content-border-color);
    top: 46px;
    position: static;
    /* override sticky in the built-in */
}

.cargo-table-diagram .cargo-table-svg .node.entity-name rect {
    fill: var(--wiki-content-background-color--secondary);
    fill-opacity: 1;
}

.cargo-table-diagram .cargo-table-svg .node rect {
    stroke: var(--wiki-content-border-color);
    opacity: 1;
}

.cargo-table-diagram .cargo-table-svg .node text tspan {
    fill: var(--wiki-content-text-color);
}

table.cargoTable {
    color: var(--wiki-content-text-color);
}

table.cargoTable tbody td,
table.cargoTable thead th {
    border: 1px solid var(--wiki-content-border-color);
}

table.cargoTable tr:hover {
    background-color: rgba(var(--wiki-accent-color--rgb), .25);
}

table.cargoTable thead tr:nth-child(odd),
table.cargoTable.noMerge thead tr:nth-child(odd) {
    background-color: var(--wiki-accent-color);
}

table.cargoTable tbody tr:nth-child(2n),
table.cargoTable.noMerge tbody tr:nth-child(2n) {
    background-color: var(--wiki-content-background-color);
}

table.cargoTable tbody tr:nth-child(odd),
table.cargoTable.noMerge tbody tr:nth-child(odd) {
    background-color: var(--wiki-content-background-color--secondary);
}

table.cargoTable th.headerSort {
    color:var(--wiki-accent-label-color);
}

table.cargoTable th.headerSort:hover {
    color:var(--wiki-accent-label-color);
    text-decoration:underline;
}

#mw-content-text div.cargoReplacementTableInfo {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color:var(--wiki-content-text-color);
}

table.dataTable tbody tr {
  background-color:var(--wiki-content-background-color);
}

table.dataTable.display tbody tr.odd &gt; .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd &gt; .sorting_1 {
  background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75);
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.even &gt; .sorting_1,
table.dataTable.order-column.stripe tbody tr.even &gt; .sorting_1 {
	background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
}

table.dataTable.display tbody tr:hover &gt; .sorting_1,
table.dataTable.order-column.hover tbody tr:hover &gt; .sorting_1 {
  background-color:rgba(var(--wiki-content-background-color--rgb), 0.75);
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
	background-color: var(--wiki-content-background-color--secondary);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  /* we need this !important to override a built-in one */
	color: var(--wiki-content-text-mix-color) !important;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
	border-top: 1px solid var(--wiki-content-border-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  /* we need this !important to override a built-in one */
	color: var(--wiki-content-mix-color) !important;
	border: 1px solid var(--wiki-content-border-color);
	background-color: var(--wiki-content-background-color);
	background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%);
}

div.drilldown-filters-wrapper {
    background-color: transparent;
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.action-pagevalues tr:nth-of-type(2n) {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
}

.action-pagevalues tr:hover {
    background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2));
}

div.specialCargoQuery-extraPane {
    background: var(--wiki-content-background-color);
}

div.thumbinner {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.thumbimage {
    background-color: unset;
    border: unset;
}

.oo-ui-panelLayout-framed {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button {
    background-color: transparent;
}

.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span {
    filter: unset;
    background-color:rgba(var(--wiki-content-link-color--rgb), 0.05);
    border-color:rgba(var(--wiki-content-link-color--rgb), 0.75);
}

.oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check {
	background-image:none;
}

.oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image: url(/load.php?modules=oojs-ui-core.icons&amp;image=check&amp;variant=invert&amp;format=rasterized&amp;skin=vector&amp;version=y9f1k);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
    content:'';
    pointer-events: none;
    filter:var(--wiki-icon-general-filter);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span {
    border-color: var(--wiki-content-link-color);
    filter: unset;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span {
    background-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span {
    box-shadow: none;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
    outline: 1px solid transparent;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span {
    background-color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.5)
}

.oo-ui-image-invert.oo-ui-icon-check {
	background:none;
    position:relative;
}

.oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
	background-image: url(/load.php?modules=oojs-ui-core.icons&amp;image=check&amp;variant=invert&amp;format=rasterized&amp;skin=vector&amp;version=y9f1k);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
  content:'';
  pointer-events: none;
  filter:var(--wiki-icon-general-filter);
}

.oo-ui-indicatorElement-indicator {
    filter: var(--wiki-icon-to-link-filter);
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
    color: var(--wiki-content-text-color--hover);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget {
    color: var(--wiki-content-text-color);
    padding: 8px 6px;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
}

.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15);
    color: var(--wiki-content-link-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: transparent;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-content-border-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border-color: var(--wiki-content-border-color);
    padding: 0;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button&gt;.oo-ui-labelElement-label {
    color: var(--wiki-content-link-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button&gt;.oo-ui-labelElement-label:hover {
    color: var(--wiki-content-link-color--hover);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before {
    content: "["
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after {
    content: "]"
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-dynamic-color--inverted);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: var(--wiki-content-background-color)
}

.oo-ui-menuSelectWidget {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
    color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
    background-color: var(--wiki-content-background-color);
    border-bottom-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-bottom-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
    border-top-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-link-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span {
    border-color: var(--wiki-content-link-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15)
}

.mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: rgba(var(--wiki-content-text-color--rgb), .6);
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span {
    border-color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: transparent;
    color: var(--wiki-content-text-color);
    border-color:var(--wiki-content-text-mix-color);
}

.mw-changeslist-legend,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: var(--wiki-content-text-mix-color-95);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1);
}

.oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle {
  filter:unset;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
  border-color:var(--wiki-content-link-color);
}

.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: rgba(var(--wiki-content-text-color--rgb), .76);
}

.mw-rcfilters-ui-tagItemWidget-popup-content {
    color: rgba(var(--wiki-content-text-color--rgb), .75);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
    border-top-color: var(--wiki-content-border-color);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
    border-top-color: var(--wiki-content-background-color--secondary);
}

.unpatrolled {
    color: var(--wiki-alert-color);
}
	
.autocomment, .autocomment a, .autocomment a:visited {
    color:rgba(var(--wiki-content-text-color--rgb), 0.4);
}

.autocomment, .autocomment a, .autocomment a:visited {
	color:rgba(var(--wiki-content-text-color--rgb), 0.4);
}

/* Recent changes filter highlighting */
.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #1c283f;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #0f3128;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #352c10;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #411d0c;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #3f0f0f;
}

.mw-icon-arrow-collapsed,
.mw-collapsible-arrow.mw-collapsible-toggle-collapsed {	
    filter:brightness(75%) var(--wiki-icon-general-filter);
}

/*	
The below rules fix an error caused by the above rule because the toggles in the edit footer
have text and an arrow in the same element, so the text gets inverted when it shouldn't be
*/
.mw-editfooter-toggler {
	position:relative;
	filter:unset;
	background:none;
}

.mw-editfooter-toggler::before {
	position:absolute;
	left:0;
	top:0;
	background-repeat: no-repeat;
	background-position: left center;
	width:12px;
	height:100%;
	content:'';
	filter:brightness(75%) var(--wiki-icon-general-filter);
}

.mw-editfooter-toggler.mw-icon-arrow-collapsed::before {
	background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?40e9a);
}

.mw-editfooter-toggler.mw-icon-arrow-expanded::before {
	background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?d0685);
}


.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
    background-color: transparent;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    -webkit-transition: border-color 300ms, box-shadow 300ms;
    transition: border-color 300ms, box-shadow 300ms;
    background-color: var(--wiki-content-background-color--secondary)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
    outline: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-content-link-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--wiki-content-background-color--secondary);
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    border-color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
    opacity: 0.5
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group &gt; input {
	color:var(--wiki-content-text-color);
}

.oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input {
    color: inherit;
    background: transparent;
    font-family: inherit
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
  background: var(--wiki-content-text-mix-color-95);
  color: rgba(var(--wiki-content-text-color--rgb), 0.25);
  text-shadow:none;
  border-color:var(--wiki-content-text-mix-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
    color:rgba(var(--wiki-content-text-color--rgb), 0.4);	
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
    background-color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color);
}

.oo-ui-bookletLayout-outlinePanel {
    padding: 7px 0;
}

.oo-ui-processDialog-content .oo-ui-window-head,
.oo-ui-processDialog-content .oo-ui-window-foot,
.oo-ui-messageDialog-content &gt; .oo-ui-window-head,
.oo-ui-messageDialog-content &gt; .oo-ui-window-foot {
    outline-color: var(--wiki-content-border-color);
}

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {
	background-color: var(--wiki-content-background-color);
	border-right-color: var(--wiki-content-border-color);
}

.oo-ui-messageDialog-title {
    color: var(--wiki-heading-color);
}

/* OAuth authorisation dialog */
#mw-mwoauth-authorize-form {
    color: inherit;
}

.oo-ui-toolbar-bar,
.oo-ui-popupToolGroup-tools,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
  background-color:var(--wiki-content-background-color--secondary);
  color:var(--wiki-content-text-color);
}

.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {
  border-right-color:var(--wiki-content-border-color);
}

.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
.oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {
	background-color: var(--wiki-content-background-color);
	color: var(--wiki-content-link-color);
}

.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link {
  /* we remove the transition here because it causes the hard-coded color to flash briefly */
  transition:none;
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {
  color:var(--wiki-content-link-color);
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
  color:var(--wiki-content-link-color);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover,
.oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.15);
}

.oo-ui-menuToolGroup,
.oo-ui-popupToolGroup-tools {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {
	border-color: var(--wiki-content-border-color);
	box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1);
}

.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary &gt; .oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary &gt; .oo-ui-tool-link {
	background-color: var(--wiki-content-text-mix-color);
	border-color: var(--wiki-content-text-mix-color);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {
  background-color:var(--wiki-accent-color);
  color:var(--wiki-accent-label-color);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {
  background-color:var(--wiki-accent-color--hover);
}

.oo-ui-buttonElement-frameless&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color)
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus {
    color: var(--wiki-content-text-color--hover)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus {
    color: var(--wiki-content-text-color--hover)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button{
    color: var(--wiki-alert-color)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus {
    color: var(--wiki-alert-color--hover)
}

.oo-ui-buttonElement-frameless&gt;.oo-ui-buttonElement-button {
    border: 1px solid transparent
}

.oo-ui-buttonElement-frameless&gt;button.oo-ui-buttonElement-button {
    color: inherit
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color--hover);
    border-color: var(--wiki-accent-color--hover)
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button {
    background-color: #bf0017;
    border-color: #bf0017;
    color: #fff
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: #59000b;
    border-color: #59000b
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-link-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover {
    background-color: transparent;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-dynamic-color--inverted);
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-popupWidget-popup {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color:var(--wiki-content-text-color);
}

.mw-ui-button {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-border-color);
}

.mw-ui-button:not(:disabled):visited {
    color: var(--wiki-content-link-color);
}

.mw-ui-button:not(:disabled):hover {
    background-color: var(--wiki-content-text-mix-color-95);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-link-color--hover);
}

.mw-ui-button:not(:disabled):focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

.mw-ui-button:not(:disabled):active,
.mw-ui-button:not(:disabled).is-on {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-link-color);
}

.mw-ui-icon-before::before {
    filter: var(--wiki-icon-to-link-filter);
}

.oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}

.oo-ui-windowManager-modal&gt;.oo-ui-dialog {
    background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5);
}

.oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-messageDialog-message {
    color: var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) &gt; .oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
    color: var(--wiki-content-link-color);
    border-color:rgba(var(--wiki-content-link-color--rgb), 0.5);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {
    color: var(--wiki-content-link-color--hover);
    border-color:var(--wiki-content-link-color);
	box-shadow:inset 0 0 3px var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color--hover);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {
	background-color: var(--wiki-content-text-mix-color);
	border-color: var(--wiki-content-text-mix-color);
}

/* Date picker */
.mw-widget-dateInputWidget-handle {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle &gt; .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget {
    border-color: var(--wiki-content-border-color);
}
.mw-widget-dateInputWidget-calendar {
    background-color: var(--wiki-content-background-color);
}

.mw-widget-calendarWidget-header .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget-day-heading {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}
.mw-widget-calendarWidget-day {
    color: var(--wiki-content-text-color);
}
.mw-widget-calendarWidget-day-additional {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}

.mw-widget-calendarWidget-month {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget-year {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget-item-selected {
    color: #fff;
}

.mw-widgets-datetime-calendarWidget:focus {
    border-color: var(--wiki-content-border-color);
    box-shadow: none;
}

.mw-widgets-datetime-calendarWidget-grid {
    overflow-x: initial;
}

.mw-widgets-datetime-dateTimeInputWidget-handle {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover {
    border-color: var(--wiki-content-border-color);
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
    background-color: var(--wiki-content-background-color);
}

.mw-widgets-datetime-calendarWidget {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}

/* Unpatrolled page creations on Special:NewPages */
.not-patrolled {
    background-color: rgba(var(--wiki-warning-color--rgb), 0.16);
}

pre,
code,
.mw-code {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-templatedata-doc-param-alias {
  color:var(--wiki-content-text-mix-color);
}

.mw-highlight,
.view-light .mw-highlight {
    --pygments-background: var(--wiki-content-background-color--secondary);
    --pygments-err: #db0000;
    --pygments-c: #3a7575;
    --pygments-k: #008000;
    --pygments-o: #666;
    --pygments-ch: #3a7575;
    --pygments-cm: #3a7575;
    --pygments-cp: #986200;
    --pygments-cpf: #3a7575;
    --pygments-c1: #3a7575;
    --pygments-cs: #3a7575;
    --pygments-gd: #a00000;
    --pygments-gr: #db0000;
    --pygments-gh: #000080;
    --pygments-gi: #008100;
    --pygments-go: #6e6e6e;
    --pygments-gp: #000080;
    --pygments-gu: #800080;
    --pygments-gt: #04d;
    --pygments-kc: #008000;
    --pygments-kd: #008000;
    --pygments-kn: #008000;
    --pygments-kp: #008000;
    --pygments-kr: #008000;
    --pygments-kt: #b00040;
    --pygments-m: #666;
    --pygments-s: #ba2121;
    --pygments-na: #647421;
    --pygments-nb: #008000;
    --pygments-nc: #00f;
    --pygments-no: #800;
    --pygments-nd: #a412ff;
    --pygments-ni: #6d6d6d;
    --pygments-ne: #c9352e;
    --pygments-nf: #00f;
    --pygments-nl: #727200;
    --pygments-nn: #00f;
    --pygments-nt: #008000;
    --pygments-nv: #19177c;
    --pygments-ow: #a412ff;
    --pygments-w: #6e6e6e;
    --pygments-mb: #666;
    --pygments-mf: #666;
    --pygments-mh: #666;
    --pygments-mi: #666;
    --pygments-mo: #666;
    --pygments-sa: #ba2121;
    --pygments-sb: #ba2121;
    --pygments-sc: #ba2121;
    --pygments-dl: #ba2121;
    --pygments-sd: #ba2121;
    --pygments-s2: #ba2121;
    --pygments-se: #a55a1e;
    --pygments-sh: #ba2121;
    --pygments-si: #af4d74;
    --pygments-sx: #008000;
    --pygments-sr: #af4d74;
    --pygments-s1: #ba2121;
    --pygments-ss: #19177c;
    --pygments-bp: #008000;
    --pygments-fm: #00f;
    --pygments-vc: #19177c;
    --pygments-vg: #19177c;
    --pygments-vi: #19177c;
    --pygments-vm: #19177c;
    --pygments-il: #666;
}

.view-dark .mw-highlight {
    --pygments-background: var(--wiki-content-background-color--secondary);
    --pygments-err: #fe4242;
    --pygments-c: #4b9797;
    --pygments-k: #00a300;
    --pygments-o: #898989;
    --pygments-ch: #4b9797;
    --pygments-cm: #4b9797;
    --pygments-cp: #c17d00;
    --pygments-cpf: #4b9797;
    --pygments-c1: #4b9797;
    --pygments-cs: #4b9797;
    --pygments-gd: #ff3f3f;
    --pygments-gr: #fe4242;
    --pygments-gh: #7a7aff;
    --pygments-gi: #00a000;
    --pygments-go: #8a8a8a;
    --pygments-gp: #7a7aff;
    --pygments-gu: #f500f5;
    --pygments-gt: #4e84fe;
    --pygments-kc: #00a300;
    --pygments-kd: #00a300;
    --pygments-kn: #00a300;
    --pygments-kp: #00a300;
    --pygments-kr: #00a300;
    --pygments-kt: #fe357e;
    --pygments-m: #898989;
    --pygments-s: #e25e5e;
    --pygments-na: #80932a;
    --pygments-nb: #00a300;
    --pygments-nc: #7a7afe;
    --pygments-no: #ff4040;
    --pygments-nd: #bf5aff;
    --pygments-ni: #999;
    --pygments-ne: #da655f;
    --pygments-nf: #7a7afe;
    --pygments-nl: #a0a000;
    --pygments-nn: #7a7afe;
    --pygments-nt: #00a300;
    --pygments-nv: #8381e7;
    --pygments-ow: #bf5aff;
    --pygments-w: #bbb;
    --pygments-mb: #898989;
    --pygments-mf: #898989;
    --pygments-mh: #898989;
    --pygments-mi: #898989;
    --pygments-mo: #898989;
    --pygments-sa: #e25e5e;
    --pygments-sb: #e25e5e;
    --pygments-sc: #e25e5e;
    --pygments-dl: #e25e5e;
    --pygments-sd: #e25e5e;
    --pygments-s2: #e25e5e;
    --pygments-se: #d07125;
    --pygments-sh: #e25e5e;
    --pygments-si: #c17492;
    --pygments-sx: #00a300;
    --pygments-sr: #c17492;
    --pygments-s1: #e25e5e;
    --pygments-ss: #8381e7;
    --pygments-bp: #00a300;
    --pygments-fm: #7a7afe;
    --pygments-vc: #8381e7;
    --pygments-vg: #8381e7;
    --pygments-vi: #8381e7;
    --pygments-vm: #8381e7;
    --pygments-il: #898989;
}

.mw-highlight .err {
    border-color: var(--pygments-err)
}

.mw-highlight .c {
    color: var(--pygments-c)
}

.mw-highlight .k {
    color: var(--pygments-k)
}

.mw-highlight .o {
    color: var(--pygments-o)
}

.mw-highlight .ch {
    color: var(--pygments-ch)
}

.mw-highlight .cm {
    color: var(--pygments-cm)
}

.mw-highlight .cp {
    color: var(--pygments-cp)
}

.mw-highlight .cpf {
    color: var(--pygments-cpf)
}

.mw-highlight .c1 {
    color: var(--pygments-c1)
}

.mw-highlight .cs {
    color: var(--pygments-cs)
}

.mw-highlight .gd {
    color: var(--pygments-gd)
}

.mw-highlight .gr {
    color: var(--pygments-gr)
}

.mw-highlight .gh {
    color: var(--pygments-gh)
}

.mw-highlight .gi {
    color: var(--pygments-gi)
}

.mw-highlight .go {
    color: var(--pygments-go)
}

.mw-highlight .gp {
    color: var(--pygments-gp)
}

.mw-highlight .gu {
    color: var(--pygments-gu)
}

.mw-highlight .gt {
    color: var(--pygments-gt)
}

.mw-highlight .kc {
    color: var(--pygments-kc)
}

.mw-highlight .kd {
    color: var(--pygments-kd)
}

.mw-highlight .kn {
    color: var(--pygments-kn)
}

.mw-highlight .kp {
    color: var(--pygments-kp)
}

.mw-highlight .kr {
    color: var(--pygments-kr)
}

.mw-highlight .kt {
    color: var(--pygments-kt)
}

.mw-highlight .m {
    color: var(--pygments-m)
}

.mw-highlight .s {
    color: var(--pygments-s)
}

.mw-highlight .na {
    color: var(--pygments-na)
}

.mw-highlight .nb {
    color: var(--pygments-nb)
}

.mw-highlight .nc {
    color: var(--pygments-nc)
}

.mw-highlight .no {
    color: var(--pygments-no)
}

.mw-highlight .nd {
    color: var(--pygments-nd)
}

.mw-highlight .ni {
    color: var(--pygments-ni)
}

.mw-highlight .ne {
    color: var(--pygments-ne)
}

.mw-highlight .nf {
    color: var(--pygments-nf)
}

.mw-highlight .nl {
    color: var(--pygments-nl)
}

.mw-highlight .nn {
    color: var(--pygments-nn)
}

.mw-highlight .nt {
    color: var(--pygments-nt)
}

.mw-highlight .nv {
    color: var(--pygments-nv)
}

.mw-highlight .ow {
    color: var(--pygments-ow)
}

.mw-highlight .w {
    color: var(--pygments-w)
}

.mw-highlight .mb {
    color: var(--pygments-mb)
}

.mw-highlight .mf {
    color: var(--pygments-mf)
}

.mw-highlight .mh {
    color: var(--pygments-mh)
}

.mw-highlight .mi {
    color: var(--pygments-mi)
}

.mw-highlight .mo {
    color: var(--pygments-mo)
}

.mw-highlight .sa {
    color: var(--pygments-sa)
}

.mw-highlight .sb {
    color: var(--pygments-sb)
}

.mw-highlight .sc {
    color: var(--pygments-sc)
}

.mw-highlight .dl {
    color: var(--pygments-dl)
}

.mw-highlight .sd {
    color: var(--pygments-sd)
}

.mw-highlight .s2 {
    color: var(--pygments-s2)
}

.mw-highlight .se {
    color: var(--pygments-se)
}

.mw-highlight .sh {
    color: var(--pygments-sh)
}

.mw-highlight .si {
    color: var(--pygments-si)
}

.mw-highlight .sx {
    color: var(--pygments-sx)
}

.mw-highlight .sr {
    color: var(--pygments-sr)
}

.mw-highlight .s1 {
    color: var(--pygments-s1)
}

.mw-highlight .ss {
    color: var(--pygments-ss)
}

.mw-highlight .bp {
    color: var(--pygments-bp)
}

.mw-highlight .fm {
    color: var(--pygments-fm)
}

.mw-highlight .vc {
    color: var(--pygments-vc)
}

.mw-highlight .vg {
    color: var(--pygments-vg)
}

.mw-highlight .vi {
    color: var(--pygments-vi)
}

.mw-highlight .vm {
    color: var(--pygments-vm)
}

.mw-highlight .il {
    color: var(--pygments-il)
}

.mw-highlight pre {
    background: var(--pygments-background)
}

.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
    padding-left: 3.5em;
    box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted);
}

.mw-highlight .hll {
    background-color: rgba(var(--wiki-accent-color--rgb), .2)
}

.mw-apisandbox-toolbar {
    background: var(--wiki-content-background-color--secondary);
    top: var( --wikigg-header-height );
}

/* special:replacetext */
.ext-replacetext-searchoptions {
    background-color: transparent;
    border: 1px solid var(--wiki-content-border-color);
}

.ext-replacetext-searchoptions .ext-replacetext-divider {
    border-bottom: 1px solid var(--wiki-content-border-color);
}

/**/

.view-dark textarea {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.view-dark textarea:focus-visible {
    outline-color: var(--wiki-content-link-color);
    outline-style: solid;
}

/* make math formulas legible on dark theme */
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
    filter: var(--wiki-icon-general-filter);
}

/* search bar */
#searchInput {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
    box-shadow: none;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

#searchButton {
    filter: var(--wiki-icon-to-link-filter);
}

.vector-search-box-input::placeholder {
    color:var(--wiki-content-text-mix-color);
}

/* Search suggestions */

.suggestions-results,
.suggestions-special {
    background-color: var(--wiki-content-background-color--secondary);
}

.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
    color: var(--wiki-content-text-color);
}

.suggestions-result {
    color: var(--wiki-content-link-color);
}

.suggestions-result-current {
    background-color: var(--wiki-content-link-color);
    color: var(--wiki-content-link-label-color);
}

.suggestions-special .special-label {
    color: var(--wiki-content-text-mix-color);
}

.suggestions-special.suggestions-result-current .special-label {
    color:var(--wiki-content-link-label-color);
}

.suggestions-special .special-query {
    color: var(--wiki-link-label-color);
}


/* search page */
fieldset#mw-searchoptions {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    border-color: var(--wiki-content-border-color);
}

#mw-searchoptions .divider {
    border-color: var(--wiki-content-border-color);
}

.mw-search-profile-tabs {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    border: 1px solid var(--wiki-content-border-color);
    margin-top: 1em;
}

.mw-search-profile-tabs div.search-types ul li.current a {
    color: var(--wiki-content-text-color);
}

/* invert the help icon on the helplink */
#mw-indicator-mw-helplink a {
    background-image: none;
}

#mw-indicator-mw-helplink a::before {
    background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    padding-left: 25px;
    content: "";
}

#mw-indicator-mw-helplink a::before {
    filter: var(--wiki-icon-to-link-filter);
}
/**/

/* Login/register page */
.mw-number-text {
    color:var(--wiki-content-text-mix-color);
}

.mw-body-content .mw-number-text h3 {
  color:var(--wiki-heading-color);
}

.mw-number-text.icon-edits,
.mw-number-text.icon-pages,
.mw-number-text.icon-contributors {
  position:relative;
  background:none;  
}

.mw-number-text.icon-edits::before,
.mw-number-text.icon-pages::before,
.mw-number-text.icon-contributors::before {
  position:absolute;
  width:95px;
  height:100%;
  left:0;
  top:0;
  content:'';
  filter:brightness(0) var(--wiki-icon-general-filter);
}

.mw-number-text.icon-edits::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center;
}

.mw-number-text.icon-pages::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center
}

.mw-number-text.icon-contributors::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center
}
/**/

/* Multimedia viewer */
.mw-mmv-post-image,
.mw-mmv-image-metadata {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled) {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
    background-color: var(--wiki-accent-color--hover);
}

.skin-vector .mw-ui-button.mw-ui-progressive:hover,
.skin-vector .mw-ui-button.mw-ui-primary:disabled {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color);
    border: 2px solid var(--wiki-content-border-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
}

.mw-ui-button.mw-ui-progressive {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color)
}

.mw-ui-input {
	background-color: var(--wiki-content-background-color--secondary);
	border: 1px solid var(--wiki-content-border-color);
	color: var(--wiki-content-text-color);
}

.mw-ui-input:hover,
.mw-ui-input:focus{
  background-color: var(--wiki-content-background-color--secondary);
  color: var(--wiki-content-text-color);
  border-color: var(--wiki-content-link-color);
  box-shadow: none;
}

.mw-ui-input::placeholder {
  color:var(--wiki-content-text-mix-color);
}

.mw-mmv-dialog {
    background-color: var(--wiki-content-background-color--secondary);
    box-shadow: 0 2px 2px 0 var(--wiki-content-border-color);
}

.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-mmv-options-dialog-header {
    color: var(--wiki-content-text-color);
}

.mw-mmv-options-text-header,
.mw-mmv-options-text-body {
    color: var(--wiki-content-text-mix-color);
}

.mw-ui-button.mw-ui-quiet,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive {
    color: var(--wiki-content-link-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-content-link-color);
}

input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:active,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
    color: var(--wiki-content-text-color);
}

/**/

/* Echo */

.mw-echo-ui-notificationItemWidget {
	background-color: var(--wiki-content-background-color);
}

.mw-echo-ui-notificationItemWidget-unread,
.mw-echo-ui-placeholderItemWidget {
  background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8);
}

.mw-echo-ui-notificationItemWidget-unread:hover,
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
  background-color:var(--wiki-content-background-color--secondary);
}

.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-message-body {
  color:var(--wiki-content-text-mix-color);
}

.mw-echo-ui-notificationsListWidget:not(:hover) a,
#p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new,
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp{
  color:var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected &gt; .oo-ui-buttonElement-button:hover {
	color: var(--wiki-content-link-label-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {
	color: var(--wiki-content-text-color);
}

.mw-echo-ui-pageNotificationsOptionWidget-label-count {
  background-color:var(--wiki-content-background-color--secondary);
  color:var(--wiki-content-text-color);
}

.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
  border-color:var(--wiki-content-border-color);
}

.mw-echo-ui-notificationItemWidget:last-child {
  border-bottom:1px solid var(--wiki-content-border-color);
}

.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
  background-color:var(--wiki-content-background-color);
}

.mw-echo-ui-notificationItemWidget-icon{
  filter:brightness(0) var(--wiki-icon-to-link-filter);
}

.mw-echo-ui-toggleReadCircleButtonWidget-circle  {
  background-color:var(--wiki-content-link-color);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.1);
  color:var(--wiki-content-link-color);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
  color:var(--wiki-content-link-color);
}

.oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
  color:var(--wiki-content-link-color);
}

@-webkit-keyframes unseen-fadeout-to-unread {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color--secondary);
  }
}
@keyframes unseen-fadeout-to-unread {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color--secondary);
  }
}
@-webkit-keyframes unseen-fadeout-to-read {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color);
  }
}
@keyframes unseen-fadeout-to-read {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color);
  }
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
    border-bottom-color: var(--wiki-content-border-color);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
    border-bottom-color: var(--wiki-content-background-color--secondary);
}

.client-js .mw-echo-special-nojs {
  filter:var(--wiki-icon-general-filter)
}
/**/

/*************************
* End Vector theme fixes *
**************************/

/************************
* Theme-based Scribunto *
*************************/
#mw-scribunto-input {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-scribunto-console-fieldset,
.mw-scribunto-message,
.mw-scribunto-input,
.mw-scribunto-error,
.mw-scribunto-print,
.mw-scribunto-normalOutput {
    background: transparent;
}

.mw-scribunto-console-fieldset {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-message {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-input {
    color: var(--wiki-content-text-color--hover);
}

.mw-scribunto-error {
    color: var(--wiki-alert-color);
}

.mw-scribunto-print {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-normalOutput {
    color: var(--wiki-content-text-color);
}

/****************
* End Scribunto *
*****************/

/***************************
* Theme-based VisualEditor *
****************************/
.ve-init-mw-progressBarWidget {
	background-color: var(--wiki-body-background-color);
	border: 1px solid var(--wiki-content-link-color);
	box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15);
}

.ve-init-mw-progressBarWidget-bar {
  background-color:var(--wiki-content-link-color);
}

div.ve-ce-branchNode {
  background-color:var(--wiki-content-background-color);
  border-color:var(--wiki-content-border-color);
}

.ve-ce-focusableNode-highlight {
	background: var(--wiki-content-link-color);
	box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights {
	opacity: 0.25;
}

.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
	outline-color: var(--wiki-content-link-color);
	background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75);
}

.ve-ui-specialCharacterPage-character,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu,
.ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu,
.ve-ui-specialCharacterPage-character:hover {
  border-color:var(--wiki-content-border-color);
}

.ve-ui-specialCharacterPage-character:hover {
  box-shadow:inset 0 0 1px 1px var(--wiki-content-link-color);
}
/*******************
* End VisualEditor *
********************/

/***********************
* Theme-based msupload *
************************/
#msupload-div,
#msupload-list .file {
  background-color:var(--wiki-content-background-color);
  border-color:var(--wiki-content-border-color);
}

#msupload-dropzone {
  border-color:var(--wiki-content-border-color);
  color:var(--wiki-content-text-color);
}

.drop-over {
  background-color:var(--wiki-accent-color);
  color:var(--wiki-accent-label-color) !important;
}

#msupload-bottom #msupload-files {
  padding-left:0;
	background: none;
}

#msupload-bottom #msupload-files::before {
  display:inline-block;
  background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0;
  background-position:left center;
  height:22px;
  width:25px;
  content:'';
  vertical-align: top;
  filter:var(--wiki-icon-general-filter);
}
/***************************
* End theme-based msupload *
****************************/

/*****************************
* Theme-based commentstreams *
******************************/
.cs-title-edit-field {
  border-color:var(--wiki-accent-color);
}

.cs-edit-box ,
.cs-expanded .cs-comment-header {
	background-color: var(--wiki-content-background-color--secondary);
  border-color:var(--wiki-content-border-color);
}

.cs-target-comment .cs-comment-header {
  border-color:var(--wiki-accent-color);
}

.cs-comment-author a {
    color: var(--wiki-content-link-color);
}

.cs-comment-details {
	color: rgba(var(--wiki-content-text-color--rgb), 0.6);
}

.cs-comment {
	border:1px solid var(--wiki-content-border-color);
}

.cs-comment-body {
  padding:0 5px;
}
/*********************************
* End theme-based commentstreams *
**********************************/

/*********************
* Mobile adjustments *
**********************/
@media screen and (max-width:720px) {
    :root {
        --wiki-content-right-margin: 0px;
        --wiki-content-padding:0.5rem;
        --wiki-navigation-right-margin: 1px;
        --wiki-navigation-left-margin: 0px;
        --wiki-navigation-top-padding: 5px;
        --wiki-navigation-bottom-padding:0px;
        --wiki-navigation-height:2rem;
        --wiki-navigation-search-height:2.15rem;
        --wiki-navigation-search-margin:0.5rem;
        --wiki-logo-height: 80px;
        --wiki-logo-width: 100%;
        --wiki-logo-margin: 10px;
        --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding));
        --wiki-head-icon-padding: 0.25rem;
        --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2);
        --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
        --wiki-menu-margin: 0.2rem;
        --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin));
    }

    #mw-page-base,
    #mw-head-base {
        height:var(--wiki-head-height);
    }
    
    #mw-page-base {
        padding-top: var( --wikigg-header-height );
    }
    
    #mw-head-base {
        margin-top:calc(var(--wiki-head-height) * -1);
    }

    #p-logo,
    #p-logo a {
        height: var(--wiki-logo-height);
        width: var(--wiki-logo-width);
    }
    
    #p-logo {
        position:absolute;
        background:none;
        padding:0;
        left:0;
        margin:var(--wiki-logo-margin) 0;
        transform:none;
        top:calc(var(--wikigg-header-height));
    }
    
    .mw-wiki-logo {
        background-size:contain;
    }
    
    #mw-head {
        left:0;
        width:100%;
        top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height));
        border:none;
        border-image:none;
    }
    
    #mw-navigation {
        position:unset;
    }

    #left-navigation,
    #right-navigation {
        margin-top: 0;
        height:var(--wiki-navigation-height);
    }

    #right-navigation {
        margin-right: var(--wiki-navigation-right-margin);
    }

    div#left-navigation {
        margin-left: var(--wiki-navigation-left-margin);
    }

    div#right-navigation div#p-search {
        margin-right: 0;
    }
    
    .vector-menu-tabs-legacy,
    .vector-menu-dropdown {
        height:var(--wiki-navigation-height);
    }
    
    .vector-menu-tabs-legacy li a {
        height:var(--wiki-navigation-height);
    }
    
    #p-cactions {
        padding-bottom: 0px;
    }

    #p-search {
        position: absolute;
        left: 50%;
        transform:translateX(-50%);
        top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding));
        margin-left:0px;
        z-index: 4 /** above #mw-panel **/;
    }

    #simpleSearch {
        width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin));
    }
    
    .vector-search-box-input {
        height:var(--wiki-navigation-search-height);
    }
    
    .vector-search-box form {
        margin:var(--wiki-navigation-search-margin) 0px;
    }
    
    .mw-body,
    .mw-footer {
		border-left-width: 0;
        border-right-width: 0;
    }

    .mw-body {
        margin-top: 0;
        padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2));
    }

    #mw-panel {
        position: unset;
        width:100%;
        margin: 0px auto;
        padding: 0;
        top: 0;
        background-position:bottom right, top center;
        background-size:100% 0.5em, 100% 100%;
        float:unset;
    }

    div#mw-navigation div#mw-panel .portal {
        box-sizing:border-box;
        text-align: center
    }

    .vector-menu-dropdown .vector-menu-content {
        right: 0;
        left: unset;
    }
    
    #mw-panel .vector-menu-portal {
        border-left-width:0;
        border-right-width:0;
    }
    
    table.wikitable,
    table.responsive-table {
        display: block;
        overflow-x: scroll;
    }
    
	.gallerybox,
	.gallerybox &gt; div,
	.gallerybox .thumb {
		max-width:100%;
	}

    /* disable float on RecentChanges legend */
    .mw-changeslist-legend {
        float: none;
        margin: 0 auto;
    }

    /* advanced search options */
    #mw-searchoptions table {
        float: none;
    }

    #mw-searchoptions table td {
        display: block;
    }

    /* popup when clicking the download button in multimediaviewer */
    .mw-mmv-dialog {
        width: unset;
    }

    /* turn math elements into scroll blocks unless they're an immediate child of a span */
    :not(span)&gt;.mwe-math-element {
        display: block;
        overflow-x: auto;
    }

    /* Expandable mobile navigation panel */
    body.has-vector-mobile-menu #mw-panel {
        position: absolute;
        top: var(--wiki-menu-top-offset);
        z-index: 3;
    }

    body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle {
        position: relative;
        z-index: 5;
        display: block;
        appearance: none;
        border: 1px solid var(--wiki-content-border-color);
        margin-left: var(--wiki-navigation-search-margin);
        margin-bottom: 2px;
        background-color: var(--wiki-content-background-color--secondary);
    }

    body.has-vector-mobile-menu #mw-panel .vector-menu-portal {
        display: none;
    }

    body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal {
        display: block;
    }

    body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal {
        text-align: left;
        font-size: 110%;
        border-left-width: 1px;
        border-right-width: 1px;
        margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin));
    }

    body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal {
        border-top: 0;
    }

    body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) {
        border-bottom: 0;
    }

    body.has-vector-mobile-menu #mw-panel .vector-menu-content-list {
        display: flex;
        flex-wrap: wrap;
    }

    body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a {
        display: block;
        padding: 0.2rem 0.5rem;
        border: 1px solid transparent;
    }

    body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover {
        border-color: var(--wiki-content-link-color);
    }

    body.has-vector-mobile-menu #mw-panel #p-navigation-label {
        display: block;
    }
    
    body.has-vector-mobile-menu #p-logo {
		/* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */
		top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) );
    }

    .mobile-nav-toggle {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A");
    }

    /* Search adjustments for the expandable menu */
    body.has-vector-mobile-menu #p-search {
        /* reposition to the right when mobile sidebar menu is active */
        left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding));
        right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin));
        transform: none;
    }

    body.has-vector-mobile-menu #simpleSearch {
        width: 100%;
        margin: 0 auto;
    }

    /* icon navbar tabs + expandable nav panel icon */
    #mw-head {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    }

    #mw-head .vector-menu-tabs .mw-list-item a,
    #mw-head .vector-menu-dropdown .vector-menu-heading,
    #mw-panel .mobile-nav-toggle {
        line-height:var(--wiki-head-icon-size);
        width: var(--wiki-head-icon-size); /* same as line height */
        height: var(--wiki-head-icon-size);
        box-sizing: content-box;
        padding: var(--wiki-head-icon-padding);
        color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    }

    #mw-head .vector-menu-tabs .mw-list-item a::before,
    #mw-head .vector-menu-dropdown .vector-menu-heading::before,
    #mw-panel .mobile-nav-toggle::before {
        content: "";
        display: block;
        position: unset;
        background-image: none;
        width: var(--wiki-head-icon-size);
        height: var(--wiki-head-icon-size);
        margin: 0;
        --mask: var(--icon) no-repeat;
        -webkit-mask: var(--mask);
        mask: var(--mask);
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-position: center center;
        mask-position: center center;
        background-color: var(--wiki-navigation-text-color);
    }

    #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
    #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
    #mw-panel .mobile-nav-toggle:hover::before,
    #mw-panel .mobile-nav-toggle.nav--expanded::before {
        background-color: var(--wiki-navigation-selected-text-color);
    }

    #mw-head .vector-menu-tabs .mw-list-item a span,
    #mw-head .vector-menu-dropdown .vector-menu-heading span {
        display: none;
    }

    #mw-head .vector-menu-dropdown .vector-menu-heading::after {
        display: none;
    }

	#ca-ve-edit,
    #ca-edit {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A");
    }
    
    #ca-ve-edit + #ca-edit {
    	--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    }

    #ca-view,
    #ca-view-foreign {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E");
    }

    #left-navigation li[id^=ca-nstab-] {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A");
    }

    #ca-history {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A");
    }

    #ca-talk {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
    }

    #t-contributions {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
    }

    #ca-addsection {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
    }

    #ca-viewsource {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
    }

    #p-variants {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
    }

    #p-cactions {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A");
    }
    
    #ca-watch {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A");
    }
    
    #ca-unwatch {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E");
    }
    
    .vector-menu-tabs #ca-watch.icon a:hover::before,
    .vector-menu-tabs #ca-unwatch.icon a:hover::before {
        background-image:none;
    }
  
    /* RecentChanges - prevent overflow on long summaries */
    .client-js .mw-changeslist ul,
	.client-js .mw-changeslist table.mw-enhanced-rc {
		margin-left:0;
	}

	.mw-changeslist-line-inner-comment,
	.mw-changeslist-line .comment {
		font-size:0.9em;
		word-break:break-all;
	}

	.mw-userlink {
		overflow-wrap:anywhere;
	}
}

/* Hide the expandable navigation button for desktop users */
.mobile-nav-toggle {
    display: none;
}

/*************
* End mobile *
**************/</text>
    <sha1>3f2895a73bd8be64cdabe1e93594e5539dc4b22e</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Vector.js</title>
  <ns>8</ns>
  <id>22</id>
  <revision>
    <id>23</id>
    <timestamp>2024-06-13T17:34:24Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="567" xml:space="preserve">/* All JavaScript here will be loaded for users of the Vector skin */

/*** Mobile navigation toggle button ***/
$( function () {
		var mobileSidebarButton = document.createElement( 'button' );
		mobileSidebarButton.className = 'mobile-nav-toggle';
		mobileSidebarButton.addEventListener( 'click', function () {
				mobileSidebarButton.classList.toggle( 'nav--expanded' );
		} );
        document.body.classList.add( 'has-vector-mobile-menu' );
		document.getElementById( 'mw-panel' ).prepend( mobileSidebarButton );
} );
/*** End mobile navigation toggle button ***/</text>
    <sha1>fe358e2ae21cc8ac3ac603bdc0df2ff4a2d437b5</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Vectormigration.css</title>
  <ns>8</ns>
  <id>23</id>
  <revision>
    <id>24</id>
    <timestamp>2024-06-13T17:34:25Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="135393" xml:space="preserve">/* All CSS here will be loaded for users of the Vector skin */

/************************************
* Body, head, and general framework *
*************************************/
body {
    background-image: var(--wiki-body-background-image);
    background-size:cover;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--wiki-body-background-color);
    font-family: var(--wiki-body-font-family);
    accent-color: var(--wiki-accent-color);
}

#mw-page-base {
    background:none;
}

/* let ul default to text that respects color */
ul {
    list-style-image: none;
}

/* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */
table {
    display: table;
    white-space: unset;
}

/* Signal color scheme hints to browsers */
html.view-dark { color-scheme: dark }
html.view-light { color-scheme: light }

/************************
* End general framework *
*************************/

/**************
* Vector tabs *
***************/

.vector-menu-tabs-legacy li,
#p-cactions {
	background-image: linear-gradient(
        to top,
        var(--wiki-navigation-border-color) 0,
        var(--wiki-navigation-background-color) 1px,
        var(--wiki-navigation-background-color--secondary) 100%);
}

#p-cactions {
    z-index: 5;
}

.vector-menu-dropdown {
    /* Matching a built-in rule for .vector-menu-tabs-legacy */
    height: 2.5em;
}

.vector-menu-tabs-legacy li.selected {
    background: var(--wiki-navigation-selected-background-color);
    border-color: var(--wiki-navigation-selected-border-color);
}

.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading{
	background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%);
}

.vector-menu-tabs li a,
.vector-menu-tabs li.new a,
.vector-menu-tabs li.new a:visited,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    color: var(--wiki-navigation-text-color);
}

.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
    color: var(--wiki-navigation-selected-text-color);
}

.vector-menu-dropdown .vector-menu-content {
    background: none;
    border: none;
    box-shadow:none;
    margin-top:-1px;
}

.vector-menu-dropdown .vector-menu-content-list {
    background-color: var(--wiki-navigation-background-color--secondary);
    border: 1px solid var(--wiki-navigation-border-color);
}

.vector-menu-dropdown .mw-list-item a,
.vector-menu-dropdown .mw-list-item.selected a,
.vector-menu-dropdown .mw-list-item.selected a:visited {
    color: var(--wiki-navigation-text-color);
}

.vector-menu-dropdown .vector-menu-heading::after {
    filter: brightness(0) var(--wiki-icon-to-link-filter);
}

#p-search {
    z-index:2;
}

#p-search .searchButton {
    background-color:transparent;
}

/******************
* End vector tabs *
*******************/

/********
* Links *
*********/
a,
.mw-parser-output a.external,
.mw-parser-output a.extiw {
    color: var(--wiki-content-link-color);
}

a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited {
    color: var(--wiki-content-link-color--visited);
}

a:not(.mw-selflink):hover,
a:visited:hover,
.mw-parser-output a.extiw:hover,
.mw-parser-output a.extiw:visited:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.external:visited:hover {
    color:var(--wiki-content-link-color--hover);
}

a.new,
a.new:visited,
.mw-usertoollinks-contribs-no-edits {
    color:var(--wiki-content-redlink-color);
}

/* move external marker to an after so we can filter it to link color */
.mw-parser-output a.external {
	background:none;
	padding-right: 0;
}

.mw-parser-output a.external::after {
	display:inline-block;
	width:1em;
	height:1em;
	background-image: url(/skins/Vector/resources/skins.vector.styles/images/link-external-small-ltr-progressive.svg?202406);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 0.857em;
	content:'';
	filter:brightness(0) var(--wiki-icon-to-link-filter);
	vertical-align: text-top;
}

a.extiw[title^="wikipedia:"]::after {
    display:inline-block;
    height:1em;
    width:1em;
    margin-left:1px;
    background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406);
    background-size:0.857em;
    background-repeat:no-repeat;
    background-position:center right;
    content:'';
    vertical-align: text-top;
}

a.extiw[title^="mw:"]::after {
    display:inline-block;
    height:1em;
    width:1em;
    margin-left:1px;
    background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406);
    background-size:0.857em;
    background-repeat:no-repeat;
    background-position:center right;
    content:'';
    vertical-align: text-top;
}
/************
* End links *
*************/

/***************
* Left Sidebar *
****************/

#mw-panel .vector-menu-portal {
    background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity));
    border:1px solid var(--wiki-sidebar-border-color);
}

@media screen and (max-width: 720px) {
	#mw-panel .vector-menu-portal {
		background-color: var(--wiki-sidebar-background-color);
	}
}

#mw-panel .vector-menu-portal + .vector-menu-portal {
    border-top: 0;
}

#mw-panel .vector-menu-portal:last-child {
    margin-bottom:0;
}

.vector-menu-portal .vector-menu-heading {
	padding: 0.75em 0 0 0.67em;
	margin: 0;
}
.vector-menu-portal .vector-menu-content {
	margin: 0 0.5em;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
    color: var(--wiki-sidebar-link-color);
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    background: none;
    color: var(--wiki-sidebar-heading-color);
    font-family:var(--wiki-heading-font-family);
}

#t-newpage {
  --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-upload {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-print {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-whatlinkshere {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-specialpages {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-cargopagevalueslink {
  --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E");
  order:-1;
}

#t-specialpages &gt; a::before,
#t-whatlinkshere &gt; a::before,
#t-print &gt; a::before,
#t-newpage &gt; a::before,
#t-upload &gt; a::before,
#t-cargopagevalueslink &gt; a::before {
  content:'';
  background-image:var(--sidebar-icon);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  display:inline-block;
  width:15px;
  height:15px
}

#p-tb .mw-list-item &gt; a::before {
  filter:var(--wiki-icon-to-link-filter)
}

#p-tb .mw-list-item &gt; a {
  display: inline-flex;
  align-items:center;
  gap:3px
}

#p-tb .vector-menu-content-list {
  display:flex;
  flex-direction:column;
}

/*******************
* End left sidebar *
********************/

/*******
* Logo *
********/
/* [[File:Site-logo.png]] */

.mw-wiki-logo {
    background-size: contain;
}

/***********
* End logo *
************/

/***************
* Content area *
****************/

.mw-body,
.parsoid-body,
.mw-footer {
  color: var(--wiki-content-text-color);
  background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity));
  border: 1px solid var(--wiki-content-border-color);
  margin-right: 1em;
}

.mw-footer {
    border-top:none;
}

.mw-footer li {
    color: var(--wiki-content-text-color);
}

@media screen and (max-width: 981px) {
    .mw-body,
    .parsoid-body,
    .mw-footer {
        margin-right: 0;
    }
}

/*******************************
* End content area and footer *
*******************************/

/***********************************
* wiki.gg network elements tuning *
*********************************/

#wikigg-footer {
    position: sticky;
    top: 100%;
    margin-top: 0.5rem;
    clear: both;
}

/**
 * Only clear right side in the MW footer to prevent icon overflow. This is accompanied by
 * the full clear on netfooter to stop the sidebar from offsetting it.
 */
.mw-footer &gt; div[style^="clear"]:last-child {
    clear: right !important;
}

/***************************************
* End wiki.gg network elements tuning *
*************************************/

/***********
* Headings *
************/
.mw-body h1,
.mw-body h2 {
    border-bottom: 1px solid var(--wiki-content-border-color);
}

.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
    color: var(--wiki-heading-color);
    font-family:var(--wiki-heading-font-family);
}

/***************
* End headings *
****************/

/*************
* Wikitables *
**************/
.wikitable {
    background: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.wikitable&gt;tr&gt;th,
.wikitable&gt;*&gt;tr&gt;th {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.wikitable&gt;tr&gt;td,
.wikitable&gt;*&gt;tr&gt;td {
    border: 1px solid var(--wiki-content-border-color);
}

/* Forward = yes bg on Special:Interwiki */
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
    background: rgba(var(--wiki-content-link-color--rgb), .1);
}

.zebra-table &gt; * &gt; tr:nth-of-type(2n),
.zebra-table &gt; tr:nth-of-type(2n) {
    background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05);
}

.view-dark .client-js .sortable:not(.jquery-tablesorter) &gt; * &gt; tr:first-child &gt; th:not(.unsortable),
.view-dark .jquery-tablesorter th.headerSort {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

.view-dark .jquery-tablesorter th.headerSortUp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

.view-dark .jquery-tablesorter th.headerSortDown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

/*****************
* End wikitables *
******************/

/**************
* Preferences *
***************/
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs&gt;.oo-ui-menuLayout-content&gt;.oo-ui-indexLayout-stackLayout&gt;.oo-ui-tabPanelLayout {
    border: none;
}

.oo-ui-tabSelectWidget-framed {
    background-color: transparent;
    border-bottom: 1px solid var(--wiki-content-link-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    color: var(--wiki-content-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
    background-color: var(--wiki-content-link-color);
    color: var(--wiki-content-link-label-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
    border-bottom: none;
}

#preferences .mw-htmlform-submit-buttons {
    background-color: var(--wiki-content-background-color);
    border-top: 1px solid var(--wiki-content-link-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color)
}

.cdx-text-input__input:enabled {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  color: var(--wiki-content-text-color);
}

.cdx-text-input__input:disabled {
  -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.25);
  background: var(--wiki-content-text-mix-color-95);
  color: rgba(var(--wiki-content-text-color--rgb), 0.25);
  text-shadow: none;
  border-color: var(--wiki-content-text-mix-color);
}

.oo-ui-pendingElement-pending {
	background-color: var(--wiki-content-background-color--secondary);
	background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
    color: var(--wiki-content-text-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: Var(--wiki-content-text-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.15);
    color: var(--wiki-content-link-color);
}

/****************
* End preferences *
*****************/

/***************
* Page history *
****************/
#pagehistory li {
    background-color: transparent;
    border: none;
}

#pagehistory li.selected {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px dashed var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.diff td.diff-addedline {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-success-color);
    border-width: 1px 1px 1px 4px;
}

.diff td.diff-addedline .diffchange {
    background-color: var(--wiki-success-color);
    color: var(--wiki-success-label-color);
}

.diff td.diff-deletedline {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-alert-color);
    border-width: 1px 1px 1px 4px;
}

.diff td.diff-deletedline .diffchange {
    background-color: var(--wiki-alert-color);
    color: var(--wiki-alert-label-color)
}

.diff td.diff-context {
    background: transparent;
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.diff-marker a.mw-diff-movedpara-right {
    color: transparent;
}

.diff-marker a.mw-diff-movedpara-right:hover:after {
    opacity: .75;
}

.diff-marker a.mw-diff-movedpara-right:after {
    color: var(--wiki-content-text-color);
    content: "\21a9";
}

.diff-marker a.mw-diff-movedpara-left {
    color: transparent;
}

.diff-marker a.mw-diff-movedpara-left:hover:after {
    opacity: .75;
}

.diff-marker a.mw-diff-movedpara-left:after {
    color: var(--wiki-content-text-color);
    content: "\21aa";
}

.mw-plusminus-neg {
  color:var(--wiki-alert-color);
}

.mw-plusminus-pos {
  color:var(--wiki-success-color);
}

/*******************
* End page history *
********************/

/********************
* Table of contents *
*********************/
#toc,
.toc,
.toccolours,
.mw-warning {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    box-shadow: 0 0.1em 0.2em #000000;
}

.toctogglelabel {
    color: var(--wiki-content-link-color);
}

.tocnumber {
    color: var(--wiki-content-text-color);
}

/************************
* End table of contents *
*************************/

/*************
* Thumbnails *
**************/
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:File/Frame"] {
    border-color: var(--wiki-content-border-color);
    background-color: var(--wiki-content-background-color--secondary);
    box-shadow: 0 0 0.2rem #0002;
    max-width: 100%;
    box-sizing: border-box;
}

figure[typeof~="mw:File/Thumb"] &gt; :not(figcaption) .mw-file-element,
figure[typeof~="mw:File/Frame"] &gt; :not(figcaption) .mw-file-element {
    border-color: var(--wiki-content-border-color);
    background-color: transparent;
    height: auto;
    max-width: 100%;
    box-sizing: border-box;
}

figure[typeof~="mw:File/Thumb"] &gt; figcaption,
figure[typeof~="mw:File/Frame"] &gt; figcaption {
	border-color: var(--wiki-content-border-color);
    background-color: var(--wiki-content-background-color--secondary);
}

figure[typeof~="mw:File/Frame"] &gt; figcaption:empty {
    padding: 0;
    border-top-width: 0;
}

li.gallerybox div.thumb {
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid var(--wiki-content-border-color);
}

/* packed-overlay mode for galleries */
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper {
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8);
}

/* Responsive floating thumbnails */
@media screen and (max-width: 720px) {
    .mw-content-ltr figure[typeof~="mw:File/Thumb"],
    .mw-content-ltr figure[typeof~="mw:File/Frame"],
    figure[typeof~="mw:File/Thumb"].mw-halign-right,
    figure[typeof~="mw:File/Frame"].mw-halign-right,
    figure[typeof~="mw:File/Thumb"].mw-halign-left,
    figure[typeof~="mw:File/Frame"].mw-halign-left {
    	margin-inline: auto;
    	float: none;
    	width: max-content;
    	max-width: 100%;
	}
}

/*****************
* End thumbnails *
******************/

/**************
* Wiki editor *
***************/
#wpTextbox0 {
  /* need !important here to override inline styling */
  background-color:var(--wiki-content-background-color) !important;
}

.wikiEditor-ui {
    border: none;
}

.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view {
  border-color:var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar {
    background: var(--wiki-content-background-color--secondary);
}

.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
    border-color:var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wiikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.wikiEditor-ui-toolbar .booklet .index .current {
    color: var(--wiki-content-link-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: var(--wiki-content-background-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a::before,
.wikiEditor-ui-toolbar .group .tool-select .label::after {
    filter: var(--wiki-icon-general-filter);
}

.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group .tool-select .label,
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .booklet .index div {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .booklet&gt;.index&gt; :hover {
    background-color: var(--wiki-content-background-color--secondary);
}

.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
    border-top: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
    border-color: var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-tabs div a {
    background: #9A647F;
    display: inline-block;
}

.wikiEditor-ui-tabs div.current {
    border-bottom: 1px solid #3B3352;
}

.wikiEditor-ui-tabs div.current a {
    font-weight: bold;
}

.wikiEditor-ui-tabs {
    border-left: 1px solid #3B3352;
    border-top: 1px solid #3B3352;
}

.wikiEditor-preview-contents {
    background: transparent;
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #3B3352;
    border-style: solid;
    border-width: 0 1px 1px;
}

.wikiEditor-ui-controls {
    background: transparent;
}

.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
    background-color: transparent;
}

.ext-WikiEditor-ResizingDragBar {
    background-color: var(--wiki-content-background-color--secondary);
}

.ext-WikiEditor-ResizingDragBar-ns {
    border-top: 1px solid var(--wiki-content-border-color);
}

.editOptions {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

input#wpSummary {
    margin-bottom: 1em;
    margin-top: 1em;
    width: 80%;
}

.view-dark .ace_editor,
.ace_editor {
    --ace-keywords: #CDA869;
    --ace-regexp: #E9C062;
    --ace-constants: #CF6A4C;
    --ace-illegal: #F8F8F8;
    --ace-deprecated: #D2A8A1;
    --ace-support: #9B859D;
    --ace-function: #DAD085;
    --ace-list: #F9EE98;
    --ace-variable: #7587A6;
    --ace-string: #8F9D6A;
    
    --ace-illegal-highlight: rgba(86, 45, 86, 0.75);
    --ace-step-highlight: #665200;
    --ace-multiselect-shadow: #141414;
}

.view-light .ace_editor{
    --ace-keywords: #00f;
    --ace-regexp: #036a07;
    --ace-constants: #c5060b;
    --ace-illegal: #f00;
    --ace-deprecated: #f00;
    --ace-support: #6d79de;
    --ace-function: #3c4c72;
    --ace-list: #b90690;
    --ace-variable: #318495;
    --ace-string: #036a07;
    
    --ace-illegal-highlight: rgba(255, 0, 0, 0.1);
    --ace-step-highlight: #fcff00;
    --ace-multiselect-shadow: #fff;
}

.ace_editor .ace_gutter {
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85);
}

.ace_gutter-cell {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4);
}

.ace_editor .ace_print-margin {
    width: 1px;
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75);
}

.ace_editor {
    /* this image gradient hack effectively lets the element have 2 layers of background */
    background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color));
    background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93);
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93);
}

.ace_editor .ace_cursor {
    color: var(--wiki-content-text-color);
}

.ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20)
}

.ace_editor.ace_multiselect .ace_selection.ace_start {
    box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow);
}

.ace_editor .ace_marker-layer .ace_step {
    background: var(--ace-step-highlight);
}

.ace_editor .ace_marker-layer .ace_active-line {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031)
}

.ace_editor .ace_gutter-active-line {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031)
}

.ace-tm .ace_marker-layer .ace_selected-word {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}

.ace_editor .ace_marker-layer .ace_selected-word {
    border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20)
}

.ace_editor .ace_invisible {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25)
}

.ace_editor .ace_keyword,
.ace_editor .ace_meta {
    color: var(--ace-keywords);
}

.ace_editor .ace_constant,
.ace_editor .ace_constant.ace_numeric,
.ace_editor .ace_constant.ace_character,
.ace_editor .ace_constant.ace_character.ace_escape,
.ace_editor .ace_constant.ace_other,
.ace_editor .ace_heading,
.ace_editor .ace_markup.ace_heading,
.ace_editor .ace_support.ace_constant {
    color: var(--ace-constants);
}

.ace_editor .ace_invalid.ace_illegal {
    color: var(--ace-illegal);
    background-color: var(--ace-illegal-highlight);
}

.ace_editor .ace_invalid.ace_deprecated {
    text-decoration: underline;
    font-style: italic;
    color: var(--ace-deprecated);
}

.ace_editor .ace_support,
.ace_editor .ace_support.ace_type {
    color: var(--ace-support);
}

.ace_editor .ace_fold {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
    border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}

.ace_editor .ace_support.ace_function {
    color: var(--ace-function);
}

.ace_editor .ace_list,
.ace_editor .ace_markup.ace_list,
.ace_editor .ace_storage {
    color: var(--ace-list);
}

.ace_editor .ace_entity.ace_name.ace_function,
.ace_editor .ace_meta.ace_tag,
.ace_editor .ace_variable {
    color: var(--ace-variable);
}

.ace_editor .ace_string {
    color: var(--ace-string);
}

.ace_editor .ace_string.ace_regexp {
    color: var(--ace-regexp);
}

.ace_editor .ace_comment {
    font-style: italic;
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3);
}

.ace_editor .ace_xml-pe {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28);
}

.ace_editor .ace_indent-guide {
    background:none;
    border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2);
}

.ace_search {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_search_field {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-mix-color);
}

.ace_button {
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_button:hover {
    background-color: var(--wiki-accent-color--hover);
    color: var(--wiki-accent-label-color);
}

.ace_button.checked {
    background-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.ace_searchbtn {
    background-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_searchbtn:hover {
    background-color: var(--wiki-accent-color--hover);
    color: var(--wiki-accent-label-color);
}

.ace_searchbtn.prev::after,
.ace_searchbtn.next::after {
    border-color: var(--wiki-accent-label-color);
}

.ace_searchbtn_close {
    filter: var(--wiki-icon-general-filter);
}

.wikiEditor-ui .codeEditor-status {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.mw-editform #wpTextbox1 {
    background: rgba(var(--wiki-content-background-color--rgb), 0.5);
    color: var(--wiki-content-text-color);
}

.view-dark .CodeMirror,
.CodeMirror {
    --codemirror-yellow: #ffd700;
    --codemirror-light-blue: #adf;
    --codemirror-blue: #08f;
    --codemirror-green: #290;
    --codemirror-red: #f50;
    --codemirror-dark-red: #dd1616;
    --codemirror-purple: #CD4EF9;
    --codemirror-pink: #e0e;
    --codemirror-light-gray: #eee;
    --codemirror-gray: #84a0a0;
}

.view-light .CodeMirror {
    --codemirror-yellow: #9e8500;
    --codemirror-light-blue: #008ae7;
    --codemirror-blue: #0085f9;
    --codemirror-green: #290;
    --codemirror-red: #ef4f00;
    --codemirror-dark-red: #a11;
    --codemirror-purple: #80c;
    --codemirror-pink: #ed00ed;
    --codemirror-light-gray: #858585;
    --codemirror-gray: #6b8a8a;
}

.CodeMirror {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color)
}

.CodeMirror .CodeMirror-line::selection,
.CodeMirror .CodeMirror-line&gt;span::selection,
.CodeMirror .CodeMirror-line&gt;span&gt;span::selection,
.CodeMirror .CodeMirror-line::-moz-selection,
.CodeMirror .CodeMirror-line&gt;span::-moz-selection,
.CodeMirror .CodeMirror-line&gt;span&gt;span::-moz-selection,
.CodeMirror .CodeMirror-selected {
    background: rgba(var(--wiki-content-link-color--rgb), .3);
}

.CodeMirror-linenumber {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid var(--wiki-content-text-color);
}

.cm-keyword {
    color: var(--codemirror-purple)
}

.cm-def {
    color: var(--codemirror-blue)
}

.cm-comment {
    color: var(--codemirror-yellow)
}

.cm-variable-2 {
    color: var(--codemirror-light-blue)
}

.cm-string {
    color: var(--codemirror-red)
}

.cm-atom {
    color: var(--codemirror-pink)
}

.cm-number {
    color: var(--codemirror-green)
}

.CodeMirror-gutters {
    background-color: var(--wiki-content-background-color--secondary);
    border-right-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color)
}

.cm-mw-matching {
    background-color: var(--codemirror-yellow)
}

.cm-mw-skipformatting {
    background-color: var(--codemirror-light-blue)
}

.cm-mw-list {
    color: var(--codemirror-blue)
}

.cm-mw-doubleUnderscore,
.cm-mw-hr,
.cm-mw-signature {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--codemirror-blue)
}

.cm-mw-indenting {
    color: var(--codemirror-blue)
}

.cm-mw-mnemonic {
    color: var(--codemirror-green)
}

.cm-mw-comment {
    color: var(--codemirror-gray)
}

.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic,
.cm-mw-section-header {
    color: var(--codemirror-blue)
}

.cm-mw-template,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-delimiter,
.cm-mw-template-name {
    color: var(--codemirror-purple);
}

.cm-mw-templatevariable,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter,
.cm-mw-templatevariable-name {
    color: var(--codemirror-red)
}

.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-parserfunction-name {
    color: var(--codemirror-dark-red)
}

.cm-mw-exttag-attribute,
.cm-mw-exttag-bracket,
.cm-mw-exttag-name,
.cm-mw-htmltag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name {
    color: var(--codemirror-green)
}

.cm-mw-link,
.cm-mw-link-pagename {
    color: var(--wiki-content-link-color)
}

.cm-mw-link-tosection {
    color: var(--codemirror-blue)
}

.cm-mw-extlink,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink,
.cm-mw-free-extlink-protocol,
.cm-mw-link-bracket,
.cm-mw-link-delimiter {
    color: var(--wiki-content-link-color)
}

.cm-mw-table-bracket,
.cm-mw-table-definition,
.cm-mw-table-delimiter {
    color: var(--codemirror-pink)
}

.cm-mw-matchingbracket {
    background-color: var(--wiki-content-background-color--secondary);
    box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color);
    font-weight: bold;
}

/* VisualEditor: Fix broken toolbar layout */
.oo-ui-toolbar {
    clear: none;
}
.ve-init-mw-desktopArticleTarget-toolbar-open &gt; .oo-ui-toolbar-bar &gt; div:nth-child(4) {
    display: none;
}
.ve-ui-toolbar-floating &gt; .oo-ui-toolbar-bar {
    top: var( --wikigg-header-height );
}

/*************
* End editor *
**************/

/****************
* Tabber styles *
*****************/
.tabber__tab,
.tabber__tab:visited {
  color:var(--wiki-content-link-color);
}

.tabber__tab:hover,
.tabber__tab:hover:visited,
.tabber__tab[aria-selected="true"],
.tabber__tab[aria-selected="true"]:visited {
    color: var(--wiki-content-text-color);
}

.tabber__indicator {
    background: var(--wiki-content-link-color);
}

.tabber__header__prev::after,
.tabber__header__next::after {
    filter: var(--wiki-icon-general-filter);
}
/********************
* End Tabber styles *
*********************/

/***************************************
* Various fixes for multi-theme Vector *
****************************************/

.oo-ui-iconElement-icon {
    filter: var(--wiki-icon-to-link-filter);
}

.oo-ui-iconElement-icon.oo-ui-icon-reload {
    filter: brightness(0) var(--wiki-icon-to-link-filter);	
}

fieldset {
  border-color:var(--wiki-content-border-color);
}

hr {
  background-color:var(--wiki-content-border-color);
}

.CategoryTreeToggle {
  color:var(--wiki-content-link-color);
}

input,
select {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

input:hover,
input:focus,
input:active {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

input:focus-visible {
    outline: 1px solid var(--wiki-content-link-color);
}

input::file-selector-button,
input[type="button"],
input[type="submit"] {
    background-color:var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.vector-body blockquote {
  border-color:var(--wiki-content-border-color);
}

ol.references li:target, sup.reference:target {
    background-color: rgba(var(--wiki-content-link-color--rgb), .1);
}

/* category bar and filetoc */
.catlinks,
ul#filetoc {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

/**/

body .ui-dialog .ui-widget-header {
    /* we need an important here because the built-in styles have one :( */
    background: var(--wiki-content-background-color) !important;
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick {
    filter: var(--wiki-icon-general-filter);
}

.ui-widget-header .ui-dialog-titlebar-close.ui-state-hover {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.ui-widget-content {
    background: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

body .ui-button {
    /* we need an important here because the built-in styles have one. Vector is a mess */
    background: var(--wiki-accent-color) !important;
    border-color: var(--wiki-accent-color) !important;
    color: var(--wiki-accent-label-color);
}

body .ui-button:hover,
body .ui-button:focus,
body .ui-button:active {
    /* we need an important here because we had to use some above */
    background: var(--wiki-accent-color--hover) !important;
    border-color: var(--wiki-accent-color--hover) !important;
    color: var(--wiki-accent-label-color);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: var(--wiki-accent-label-color);
}


.oo-ui-toggleSwitchWidget {
  background-color: var(--wiki-content-background-color--secondary);
  border-color: var(--wiki-content-border-color);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
  background-color: var(--wiki-content-text-mix-color-95);
  background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color));
  border-color: var(--wiki-content-border-color);
  border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color));
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
  background-color: var(--wiki-accent-color);
  border-color: #0006;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
  background-color: var(--wiki-accent-color);
  background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color));
  border-color: #0006;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
  background-color: var(--wiki-content-link-color);
  border-color: #0006;
}

.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
  background-color: var(--wiki-content-background-color--secondary);
  color: var(--wiki-content-link-color);
  border-color: var(--wiki-content-border-color);
}

.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
  background-color: var(--wiki-content-text-mix-color-95);
  background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color));
  border-color: var(--wiki-content-border-color);
  border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color));
  color: var(--wiki-content-link-color--hover);
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins {
  background: var(--wiki-content-link-color);
  color: var(--wiki-content-link-label-color);
}
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del {
  background: var(--wiki-warning-color);
  color: var(--wiki-warning-label-color);
}

#mw-content-subtitle,
#contentSub2 {
  color:var(--wiki-content-text-mix-color);
}

/* arrow on redirect pages */
.mw-content-ltr .redirectText li:first-child {
  padding-left:0;
  background:none;
}

.mw-content-ltr .redirectText li:first-child::before {
  content:'';
  display:inline-block;
  width:47px;
  height:1em;
  vertical-align: middle;
  background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?202406);
  filter:var(--wiki-icon-general-filter);
}

/* notifications ("your edit was saved", etc.) */
.mw-notification {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}

.mw-notification .oo-ui-labelElement-label {
  color:var(--wiki-content-text-color);
}

.mw-notification .oo-ui-iconElement-icon {
  filter:unset;
}


/**/

.mime-type.has-warning {
  color:var(--wiki-content-text-color);
}

.oo-ui-image-warning.oo-ui-icon-alert,
.mw-ui-icon-alert-warning::before {
  filter:drop-shadow(0 0 3px #000);
}

.mw_metadata td,
.mw_metadata th {
    border-color: var(--wiki-content-border-color);
}

.mw_metadata th {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw_metadata td {
    background-color: var(--wiki-content-background-color);
}

.mw-datatable td,
.mw-datatable th {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

#mw-allmessagestable tbody:hover td,
.mw-datatable tr:hover&gt;td {
    background-color: var(--wiki-content-background-color--secondary);
}

#mw-allmessagestable .am_default {
    background-color: rgba(var(--wiki-accent-color--rgb), .8);
    color: var(--wiki-accent-label-color);
}

#mw-allmessagestable .am_actual,
#mw-allmessagestable tbody:hover .am_default {
    background-color: rgba(var(--wiki-accent-color--rgb), .6);
}

#mw-allmessagestable .am_actual {
    color: var(--wiki-accent-label-color);
}

#mw-allmessagestable tbody:hover .am_actual {
    background-color: rgba(var(--wiki-accent-color--rgb), .5);
}

.mw-datatable,
.mw-json {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: inherit;
}

.mw-datatable&gt;*&gt;tr&gt;th,
.mw-datatable&gt;tr&gt;th,
.mw-json&gt;*&gt;tr&gt;th,
.mw-json&gt;tr&gt;th {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    padding-bottom: 9px;
    padding-top: 9px;
}

.mw-datatable&gt;*&gt;tr&gt;td,
.mw-datatable&gt;tr&gt;td,
.mw-json&gt;*&gt;tr&gt;td,
.mw-json&gt;tr&gt;td {
    border-color: var(--wiki-content-border-color);
}

.mw-json tr {
    background-color: inherit;
}

.mw-json .mw-json-single-value,
.mw-json .mw-json-value,
.mw-json .value {
    background: rgba(var(--wiki-success-color--rgb), .6);
}

.mw-json .mw-json-empty {
    background: var(--wiki-content-background-color--secondary);
}

.mw-message-box,
.mw-message-box-warning {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
}

.mw-message-box-warning {
    border-color: var(--wiki-warning-color);
    border-width: 1px 1px 1px 10px;
}

.wikitable *,
.wikitable :after,
.wikitable :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.cargo-pagevalues-tableinfo {
    background-color: var(--wiki-content-background-color);
    border-bottom: 1px solid var(--wiki-content-border-color);
    top: 46px;
    position: static;
    /* override sticky in the built-in */
}

.cargo-table-diagram .cargo-table-svg .node.entity-name rect {
    fill: var(--wiki-content-background-color--secondary);
    fill-opacity: 1;
}

.cargo-table-diagram .cargo-table-svg .node rect {
    stroke: var(--wiki-content-border-color);
    opacity: 1;
}

.cargo-table-diagram .cargo-table-svg .node text tspan {
    fill: var(--wiki-content-text-color);
}

table.cargoTable {
    color: var(--wiki-content-text-color);
}

table.cargoTable tbody td,
table.cargoTable thead th {
    border: 1px solid var(--wiki-content-border-color);
}

table.cargoTable tr:hover {
    background-color: rgba(var(--wiki-accent-color--rgb), .25);
}

table.cargoTable thead tr:nth-child(odd),
table.cargoTable.noMerge thead tr:nth-child(odd) {
    background-color: var(--wiki-accent-color);
}

table.cargoTable tbody tr:nth-child(2n),
table.cargoTable.noMerge tbody tr:nth-child(2n) {
    background-color: var(--wiki-content-background-color);
}

table.cargoTable tbody tr:nth-child(odd),
table.cargoTable.noMerge tbody tr:nth-child(odd) {
    background-color: var(--wiki-content-background-color--secondary);
}

table.cargoTable th.headerSort {
    color:var(--wiki-accent-label-color);
}

table.cargoTable th.headerSort:hover {
    color:var(--wiki-accent-label-color);
    text-decoration:underline;
}

#mw-content-text div.cargoReplacementTableInfo {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color:var(--wiki-content-text-color);
}

table.dataTable tbody tr {
  background-color:var(--wiki-content-background-color);
}

table.dataTable.display tbody tr.odd &gt; .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd &gt; .sorting_1 {
  background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75);
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.even &gt; .sorting_1,
table.dataTable.order-column.stripe tbody tr.even &gt; .sorting_1 {
	background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
}

table.dataTable.display tbody tr:hover &gt; .sorting_1,
table.dataTable.order-column.hover tbody tr:hover &gt; .sorting_1 {
  background-color:rgba(var(--wiki-content-background-color--rgb), 0.75);
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
	background-color: var(--wiki-content-background-color--secondary);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  /* we need this !important to override a built-in one */
	color: var(--wiki-content-text-mix-color) !important;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
	border-top: 1px solid var(--wiki-content-border-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  /* we need this !important to override a built-in one */
	color: var(--wiki-content-mix-color) !important;
	border: 1px solid var(--wiki-content-border-color);
	background-color: var(--wiki-content-background-color);
	background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%);
}

div.drilldown-filters-wrapper {
    background-color: transparent;
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.action-pagevalues tr:nth-of-type(2n) {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
}

.action-pagevalues tr:hover {
    background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2));
}

div.specialCargoQuery-extraPane {
    background: var(--wiki-content-background-color);
}

div.thumbinner {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.thumbimage {
    background-color: unset;
    border: unset;
}

.oo-ui-panelLayout-framed {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button {
    background-color: transparent;
}

.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span {
    filter: unset;
    background-color:rgba(var(--wiki-content-link-color--rgb), 0.05);
    border-color:rgba(var(--wiki-content-link-color--rgb), 0.75);
}

.oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check {
	background-image:none;
}

.oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image: url(/load.php?modules=oojs-ui-core.icons&amp;image=check&amp;variant=invert&amp;format=rasterized&amp;skin=vector&amp;version=y9f1k);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
    content:'';
    pointer-events: none;
    filter:var(--wiki-icon-general-filter);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span {
    border-color: var(--wiki-content-link-color);
    filter: unset;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span {
    background-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span {
    box-shadow: none;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
    outline: 1px solid transparent;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span {
    background-color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.5)
}

.oo-ui-image-invert.oo-ui-icon-check {
	background:none;
    position:relative;
}

.oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
	background-image: url(/load.php?modules=oojs-ui-core.icons&amp;image=check&amp;variant=invert&amp;format=rasterized&amp;skin=vector&amp;version=y9f1k);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
  content:'';
  pointer-events: none;
  filter:var(--wiki-icon-general-filter);
}

.oo-ui-indicatorElement-indicator {
    filter: var(--wiki-icon-to-link-filter);
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
    color: var(--wiki-content-text-color--hover);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget {
    color: var(--wiki-content-text-color);
    padding: 8px 6px;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
}

.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15);
    color: var(--wiki-content-link-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: transparent;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-content-border-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border-color: var(--wiki-content-border-color);
    padding: 0;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button&gt;.oo-ui-labelElement-label {
    color: var(--wiki-content-link-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button&gt;.oo-ui-labelElement-label:hover {
    color: var(--wiki-content-link-color--hover);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before {
    content: "["
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after {
    content: "]"
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-dynamic-color--inverted);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: var(--wiki-content-background-color)
}

.oo-ui-menuSelectWidget {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
    color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
    background-color: var(--wiki-content-background-color);
    border-bottom-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-bottom-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
    border-top-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-link-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span {
    border-color: var(--wiki-content-link-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15)
}

.mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: rgba(var(--wiki-content-text-color--rgb), .6);
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span {
    border-color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: transparent;
    color: var(--wiki-content-text-color);
    border-color:var(--wiki-content-text-mix-color);
}

.mw-changeslist-legend,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: var(--wiki-content-text-mix-color-95);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1);
}

.oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle {
  filter:unset;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
  border-color:var(--wiki-content-link-color);
}

.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: rgba(var(--wiki-content-text-color--rgb), .76);
}

.mw-rcfilters-ui-tagItemWidget-popup-content {
    color: rgba(var(--wiki-content-text-color--rgb), .75);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
    border-top-color: var(--wiki-content-border-color);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
    border-top-color: var(--wiki-content-background-color--secondary);
}

.unpatrolled {
    color: var(--wiki-alert-color);
}
	
.autocomment, .autocomment a, .autocomment a:visited {
    color:rgba(var(--wiki-content-text-color--rgb), 0.4);
}

.autocomment, .autocomment a, .autocomment a:visited {
	color:rgba(var(--wiki-content-text-color--rgb), 0.4);
}

/* Recent changes filter highlighting */
.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #1c283f;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #0f3128;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #352c10;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #411d0c;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #3f0f0f;
}

.mw-icon-arrow-collapsed,
.mw-collapsible-arrow.mw-collapsible-toggle-collapsed {	
    filter:brightness(75%) var(--wiki-icon-general-filter);
}

.mw-collapsible-toggle-default .mw-collapsible-text {
    color: var(--wiki-content-link-color);
}

/*	
The below rules fix an error caused by the above rule because the toggles in the edit footer
have text and an arrow in the same element, so the text gets inverted when it shouldn't be
*/
.mw-editfooter-toggler {
	position:relative;
	filter:unset;
	background:none;
}

.mw-editfooter-toggler::before {
	position:absolute;
	left:0;
	top:0;
	background-repeat: no-repeat;
	background-position: left center;
	width:12px;
	height:100%;
	content:'';
	filter:brightness(75%) var(--wiki-icon-general-filter);
}

.mw-editfooter-toggler.mw-icon-arrow-collapsed::before {
	background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?202406);
}

.mw-editfooter-toggler.mw-icon-arrow-expanded::before {
	background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?202406);
}


.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
    background-color: transparent;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    -webkit-transition: border-color 300ms, box-shadow 300ms;
    transition: border-color 300ms, box-shadow 300ms;
    background-color: var(--wiki-content-background-color--secondary)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
    outline: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-content-link-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--wiki-content-background-color--secondary);
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    border-color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
    opacity: 0.5
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group &gt; input {
	color:var(--wiki-content-text-color);
}

.oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input {
    color: inherit;
    background: transparent;
    font-family: inherit
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
  background: var(--wiki-content-text-mix-color-95);
  color: rgba(var(--wiki-content-text-color--rgb), 0.25);
  text-shadow:none;
  border-color:var(--wiki-content-text-mix-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
    color:rgba(var(--wiki-content-text-color--rgb), 0.4);	
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
    background-color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color);
}

.oo-ui-bookletLayout-outlinePanel {
    padding: 7px 0;
}

.oo-ui-processDialog-content .oo-ui-window-head,
.oo-ui-processDialog-content .oo-ui-window-foot,
.oo-ui-messageDialog-content &gt; .oo-ui-window-head,
.oo-ui-messageDialog-content &gt; .oo-ui-window-foot {
    outline-color: var(--wiki-content-border-color);
}

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {
	background-color: var(--wiki-content-background-color);
	border-right-color: var(--wiki-content-border-color);
}

.oo-ui-messageDialog-title {
    color: var(--wiki-heading-color);
}

/* OAuth authorisation dialog */
#mw-mwoauth-authorize-form {
    color: inherit;
}

.oo-ui-toolbar-bar,
.oo-ui-popupToolGroup-tools,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
  background-color:var(--wiki-content-background-color--secondary);
  color:var(--wiki-content-text-color);
}

.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {
  border-right-color:var(--wiki-content-border-color);
}

.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
.oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {
	background-color: var(--wiki-content-background-color);
	color: var(--wiki-content-link-color);
}

.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link {
  /* we remove the transition here because it causes the hard-coded color to flash briefly */
  transition:none;
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {
  color:var(--wiki-content-link-color);
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
  color:var(--wiki-content-link-color);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover,
.oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.15);
}

.oo-ui-menuToolGroup,
.oo-ui-popupToolGroup-tools {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {
	border-color: var(--wiki-content-border-color);
	box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1);
}

.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary &gt; .oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary &gt; .oo-ui-tool-link {
	background-color: var(--wiki-content-text-mix-color);
	border-color: var(--wiki-content-text-mix-color);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {
  background-color:var(--wiki-accent-color);
  color:var(--wiki-accent-label-color);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {
  background-color:var(--wiki-accent-color--hover);
}

.oo-ui-buttonElement-frameless&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color)
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus {
    color: var(--wiki-content-text-color--hover)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus {
    color: var(--wiki-content-text-color--hover)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button{
    color: var(--wiki-alert-color)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus {
    color: var(--wiki-alert-color--hover)
}

.oo-ui-buttonElement-frameless&gt;.oo-ui-buttonElement-button {
    border: 1px solid transparent
}

.oo-ui-buttonElement-frameless&gt;button.oo-ui-buttonElement-button {
    color: inherit
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color--hover);
    border-color: var(--wiki-accent-color--hover)
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button {
    background-color: #bf0017;
    border-color: #bf0017;
    color: #fff
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: #59000b;
    border-color: #59000b
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-link-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover {
    background-color: transparent;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-dynamic-color--inverted);
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-popupWidget-popup {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color:var(--wiki-content-text-color);
}

.mw-ui-button {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-border-color);
}

.mw-ui-button:not(:disabled):visited {
    color: var(--wiki-content-link-color);
}

.mw-ui-button:not(:disabled):hover {
    background-color: var(--wiki-content-text-mix-color-95);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-link-color--hover);
}

.mw-ui-button:not(:disabled):focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

.mw-ui-button:not(:disabled):active,
.mw-ui-button:not(:disabled).is-on {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-link-color);
}

.mw-ui-icon-before::before {
    filter: var(--wiki-icon-to-link-filter);
}

.oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}

.oo-ui-windowManager-modal&gt;.oo-ui-dialog {
    background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5);
}

.oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-messageDialog-message {
    color: var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) &gt; .oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
    color: var(--wiki-content-link-color);
    border-color:rgba(var(--wiki-content-link-color--rgb), 0.5);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover,
.ext-WikiEditor-realtimepreview-button:hover {
    color: var(--wiki-content-link-color--hover);
    border-color:var(--wiki-content-link-color);
	box-shadow:inset 0 0 3px var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color--hover);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {
	background-color: var(--wiki-content-text-mix-color);
	border-color: var(--wiki-content-text-mix-color);
}

/* Date picker */
.mw-widget-dateInputWidget-handle {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle &gt; .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget {
    border-color: var(--wiki-content-border-color);
}
.mw-widget-dateInputWidget-calendar {
    background-color: var(--wiki-content-background-color);
}

.mw-widget-calendarWidget-header .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget-day-heading {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}
.mw-widget-calendarWidget-day {
    color: var(--wiki-content-text-color);
}
.mw-widget-calendarWidget-day-additional {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}

.mw-widget-calendarWidget-month {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget-year {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget-item-selected {
    color: #fff;
}

.mw-widgets-datetime-calendarWidget:focus {
    border-color: var(--wiki-content-border-color);
    box-shadow: none;
}

.mw-widgets-datetime-calendarWidget-grid {
    overflow-x: initial;
}

.mw-widgets-datetime-dateTimeInputWidget-handle {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover {
    border-color: var(--wiki-content-border-color);
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
    background-color: var(--wiki-content-background-color);
}

.mw-widgets-datetime-calendarWidget {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}

/* Unpatrolled page creations on Special:NewPages */
.not-patrolled {
    background-color: rgba(var(--wiki-warning-color--rgb), 0.16);
}

pre,
code,
.mw-code {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-templatedata-doc-param-alias {
  color:var(--wiki-content-text-mix-color);
}

.mw-highlight,
.view-light .mw-highlight {
    --pygments-background: var(--wiki-content-background-color--secondary);
    --pygments-err: #db0000;
    --pygments-c: #3a7575;
    --pygments-k: #008000;
    --pygments-o: #666;
    --pygments-ch: #3a7575;
    --pygments-cm: #3a7575;
    --pygments-cp: #986200;
    --pygments-cpf: #3a7575;
    --pygments-c1: #3a7575;
    --pygments-cs: #3a7575;
    --pygments-gd: #a00000;
    --pygments-gr: #db0000;
    --pygments-gh: #000080;
    --pygments-gi: #008100;
    --pygments-go: #6e6e6e;
    --pygments-gp: #000080;
    --pygments-gu: #800080;
    --pygments-gt: #04d;
    --pygments-kc: #008000;
    --pygments-kd: #008000;
    --pygments-kn: #008000;
    --pygments-kp: #008000;
    --pygments-kr: #008000;
    --pygments-kt: #b00040;
    --pygments-m: #666;
    --pygments-s: #ba2121;
    --pygments-na: #647421;
    --pygments-nb: #008000;
    --pygments-nc: #00f;
    --pygments-no: #800;
    --pygments-nd: #a412ff;
    --pygments-ni: #6d6d6d;
    --pygments-ne: #c9352e;
    --pygments-nf: #00f;
    --pygments-nl: #727200;
    --pygments-nn: #00f;
    --pygments-nt: #008000;
    --pygments-nv: #19177c;
    --pygments-ow: #a412ff;
    --pygments-w: #6e6e6e;
    --pygments-mb: #666;
    --pygments-mf: #666;
    --pygments-mh: #666;
    --pygments-mi: #666;
    --pygments-mo: #666;
    --pygments-sa: #ba2121;
    --pygments-sb: #ba2121;
    --pygments-sc: #ba2121;
    --pygments-dl: #ba2121;
    --pygments-sd: #ba2121;
    --pygments-s2: #ba2121;
    --pygments-se: #a55a1e;
    --pygments-sh: #ba2121;
    --pygments-si: #af4d74;
    --pygments-sx: #008000;
    --pygments-sr: #af4d74;
    --pygments-s1: #ba2121;
    --pygments-ss: #19177c;
    --pygments-bp: #008000;
    --pygments-fm: #00f;
    --pygments-vc: #19177c;
    --pygments-vg: #19177c;
    --pygments-vi: #19177c;
    --pygments-vm: #19177c;
    --pygments-il: #666;
}

.view-dark .mw-highlight {
    --pygments-background: var(--wiki-content-background-color--secondary);
    --pygments-err: #fe4242;
    --pygments-c: #4b9797;
    --pygments-k: #00a300;
    --pygments-o: #898989;
    --pygments-ch: #4b9797;
    --pygments-cm: #4b9797;
    --pygments-cp: #c17d00;
    --pygments-cpf: #4b9797;
    --pygments-c1: #4b9797;
    --pygments-cs: #4b9797;
    --pygments-gd: #ff3f3f;
    --pygments-gr: #fe4242;
    --pygments-gh: #7a7aff;
    --pygments-gi: #00a000;
    --pygments-go: #8a8a8a;
    --pygments-gp: #7a7aff;
    --pygments-gu: #f500f5;
    --pygments-gt: #4e84fe;
    --pygments-kc: #00a300;
    --pygments-kd: #00a300;
    --pygments-kn: #00a300;
    --pygments-kp: #00a300;
    --pygments-kr: #00a300;
    --pygments-kt: #fe357e;
    --pygments-m: #898989;
    --pygments-s: #e25e5e;
    --pygments-na: #80932a;
    --pygments-nb: #00a300;
    --pygments-nc: #7a7afe;
    --pygments-no: #ff4040;
    --pygments-nd: #bf5aff;
    --pygments-ni: #999;
    --pygments-ne: #da655f;
    --pygments-nf: #7a7afe;
    --pygments-nl: #a0a000;
    --pygments-nn: #7a7afe;
    --pygments-nt: #00a300;
    --pygments-nv: #8381e7;
    --pygments-ow: #bf5aff;
    --pygments-w: #bbb;
    --pygments-mb: #898989;
    --pygments-mf: #898989;
    --pygments-mh: #898989;
    --pygments-mi: #898989;
    --pygments-mo: #898989;
    --pygments-sa: #e25e5e;
    --pygments-sb: #e25e5e;
    --pygments-sc: #e25e5e;
    --pygments-dl: #e25e5e;
    --pygments-sd: #e25e5e;
    --pygments-s2: #e25e5e;
    --pygments-se: #d07125;
    --pygments-sh: #e25e5e;
    --pygments-si: #c17492;
    --pygments-sx: #00a300;
    --pygments-sr: #c17492;
    --pygments-s1: #e25e5e;
    --pygments-ss: #8381e7;
    --pygments-bp: #00a300;
    --pygments-fm: #7a7afe;
    --pygments-vc: #8381e7;
    --pygments-vg: #8381e7;
    --pygments-vi: #8381e7;
    --pygments-vm: #8381e7;
    --pygments-il: #898989;
}

.mw-highlight .err {
    border-color: var(--pygments-err)
}

.mw-highlight .c {
    color: var(--pygments-c)
}

.mw-highlight .k {
    color: var(--pygments-k)
}

.mw-highlight .o {
    color: var(--pygments-o)
}

.mw-highlight .ch {
    color: var(--pygments-ch)
}

.mw-highlight .cm {
    color: var(--pygments-cm)
}

.mw-highlight .cp {
    color: var(--pygments-cp)
}

.mw-highlight .cpf {
    color: var(--pygments-cpf)
}

.mw-highlight .c1 {
    color: var(--pygments-c1)
}

.mw-highlight .cs {
    color: var(--pygments-cs)
}

.mw-highlight .gd {
    color: var(--pygments-gd)
}

.mw-highlight .gr {
    color: var(--pygments-gr)
}

.mw-highlight .gh {
    color: var(--pygments-gh)
}

.mw-highlight .gi {
    color: var(--pygments-gi)
}

.mw-highlight .go {
    color: var(--pygments-go)
}

.mw-highlight .gp {
    color: var(--pygments-gp)
}

.mw-highlight .gu {
    color: var(--pygments-gu)
}

.mw-highlight .gt {
    color: var(--pygments-gt)
}

.mw-highlight .kc {
    color: var(--pygments-kc)
}

.mw-highlight .kd {
    color: var(--pygments-kd)
}

.mw-highlight .kn {
    color: var(--pygments-kn)
}

.mw-highlight .kp {
    color: var(--pygments-kp)
}

.mw-highlight .kr {
    color: var(--pygments-kr)
}

.mw-highlight .kt {
    color: var(--pygments-kt)
}

.mw-highlight .m {
    color: var(--pygments-m)
}

.mw-highlight .s {
    color: var(--pygments-s)
}

.mw-highlight .na {
    color: var(--pygments-na)
}

.mw-highlight .nb {
    color: var(--pygments-nb)
}

.mw-highlight .nc {
    color: var(--pygments-nc)
}

.mw-highlight .no {
    color: var(--pygments-no)
}

.mw-highlight .nd {
    color: var(--pygments-nd)
}

.mw-highlight .ni {
    color: var(--pygments-ni)
}

.mw-highlight .ne {
    color: var(--pygments-ne)
}

.mw-highlight .nf {
    color: var(--pygments-nf)
}

.mw-highlight .nl {
    color: var(--pygments-nl)
}

.mw-highlight .nn {
    color: var(--pygments-nn)
}

.mw-highlight .nt {
    color: var(--pygments-nt)
}

.mw-highlight .nv {
    color: var(--pygments-nv)
}

.mw-highlight .ow {
    color: var(--pygments-ow)
}

.mw-highlight .w {
    color: var(--pygments-w)
}

.mw-highlight .mb {
    color: var(--pygments-mb)
}

.mw-highlight .mf {
    color: var(--pygments-mf)
}

.mw-highlight .mh {
    color: var(--pygments-mh)
}

.mw-highlight .mi {
    color: var(--pygments-mi)
}

.mw-highlight .mo {
    color: var(--pygments-mo)
}

.mw-highlight .sa {
    color: var(--pygments-sa)
}

.mw-highlight .sb {
    color: var(--pygments-sb)
}

.mw-highlight .sc {
    color: var(--pygments-sc)
}

.mw-highlight .dl {
    color: var(--pygments-dl)
}

.mw-highlight .sd {
    color: var(--pygments-sd)
}

.mw-highlight .s2 {
    color: var(--pygments-s2)
}

.mw-highlight .se {
    color: var(--pygments-se)
}

.mw-highlight .sh {
    color: var(--pygments-sh)
}

.mw-highlight .si {
    color: var(--pygments-si)
}

.mw-highlight .sx {
    color: var(--pygments-sx)
}

.mw-highlight .sr {
    color: var(--pygments-sr)
}

.mw-highlight .s1 {
    color: var(--pygments-s1)
}

.mw-highlight .ss {
    color: var(--pygments-ss)
}

.mw-highlight .bp {
    color: var(--pygments-bp)
}

.mw-highlight .fm {
    color: var(--pygments-fm)
}

.mw-highlight .vc {
    color: var(--pygments-vc)
}

.mw-highlight .vg {
    color: var(--pygments-vg)
}

.mw-highlight .vi {
    color: var(--pygments-vi)
}

.mw-highlight .vm {
    color: var(--pygments-vm)
}

.mw-highlight .il {
    color: var(--pygments-il)
}

.mw-highlight pre {
    background: var(--pygments-background)
}

.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
    padding-left: 3.5em;
    box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted);
}

.mw-highlight .hll {
    background-color: rgba(var(--wiki-accent-color--rgb), .2)
}

.mw-apisandbox-toolbar {
    background: var(--wiki-content-background-color--secondary);
    top: var( --wikigg-header-height );
}

/* special:replacetext */
.ext-replacetext-searchoptions {
    background-color: transparent;
    border: 1px solid var(--wiki-content-border-color);
}

.ext-replacetext-searchoptions .ext-replacetext-divider {
    border-bottom: 1px solid var(--wiki-content-border-color);
}

/**/

.view-dark textarea {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.view-dark textarea:focus-visible {
    outline-color: var(--wiki-content-link-color);
    outline-style: solid;
}

/* make math formulas legible on dark theme */
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
    filter: var(--wiki-icon-general-filter);
}

/* search bar */
#searchInput {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
    box-shadow: none;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

#searchButton {
    filter: var(--wiki-icon-to-link-filter);
}

.vector-search-box-input::placeholder {
    color:var(--wiki-content-text-mix-color);
}

/* Search suggestions */

.suggestions-results,
.suggestions-special {
    background-color: var(--wiki-content-background-color--secondary);
}

.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
    color: var(--wiki-content-text-color);
}

.suggestions-result {
    color: var(--wiki-content-link-color);
}

.suggestions-result-current {
    background-color: var(--wiki-content-link-color);
    color: var(--wiki-content-link-label-color);
}

.suggestions-special .special-label {
    color: var(--wiki-content-text-mix-color);
}

.suggestions-special.suggestions-result-current .special-label {
    color:var(--wiki-content-link-label-color);
}

.suggestions-special .special-query {
    color: var(--wiki-link-label-color);
}


/* search page */
fieldset#mw-searchoptions {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    border-color: var(--wiki-content-border-color);
}

#mw-searchoptions .divider {
    border-color: var(--wiki-content-border-color);
}

.mw-search-profile-tabs {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    border: 1px solid var(--wiki-content-border-color);
    margin-top: 1em;
}

.mw-search-profile-tabs div.search-types ul li.current a {
    color: var(--wiki-content-text-color);
}

/* invert the help icon on the helplink */
#mw-indicator-mw-helplink a {
    background-image: none;
}

#mw-indicator-mw-helplink a::before {
    background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?202406);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    padding-left: 25px;
    content: "";
}

#mw-indicator-mw-helplink a::before {
    filter: var(--wiki-icon-to-link-filter);
}
/**/

/* Login/register page */
.mw-number-text {
    color:var(--wiki-content-text-mix-color);
}

.mw-body-content .mw-number-text h3 {
  color:var(--wiki-heading-color);
}

.mw-number-text.icon-edits,
.mw-number-text.icon-pages,
.mw-number-text.icon-contributors {
  position:relative;
  background:none;  
}

.mw-number-text.icon-edits::before,
.mw-number-text.icon-pages::before,
.mw-number-text.icon-contributors::before {
  position:absolute;
  width:95px;
  height:100%;
  left:0;
  top:0;
  content:'';
  filter:brightness(0) var(--wiki-icon-general-filter);
}

.mw-number-text.icon-edits::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center;
}

.mw-number-text.icon-pages::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center
}

.mw-number-text.icon-contributors::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center
}
/**/

/* Multimedia viewer */
.mw-mmv-post-image,
.mw-mmv-image-metadata {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled) {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
    background-color: var(--wiki-accent-color--hover);
}

.skin-vector .mw-ui-button.mw-ui-progressive:hover,
.skin-vector .mw-ui-button.mw-ui-primary:disabled {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color);
    border: 2px solid var(--wiki-content-border-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
}

.mw-ui-button.mw-ui-progressive {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color)
}

.mw-ui-input {
	background-color: var(--wiki-content-background-color--secondary);
	border: 1px solid var(--wiki-content-border-color);
	color: var(--wiki-content-text-color);
}

.mw-ui-input:hover,
.mw-ui-input:focus{
  background-color: var(--wiki-content-background-color--secondary);
  color: var(--wiki-content-text-color);
  border-color: var(--wiki-content-link-color);
  box-shadow: none;
}

.mw-ui-input::placeholder {
  color:var(--wiki-content-text-mix-color);
}

.mw-mmv-dialog {
    background-color: var(--wiki-content-background-color--secondary);
    box-shadow: 0 2px 2px 0 var(--wiki-content-border-color);
}

.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-mmv-options-dialog-header {
    color: var(--wiki-content-text-color);
}

.mw-mmv-options-text-header,
.mw-mmv-options-text-body {
    color: var(--wiki-content-text-mix-color);
}

.mw-ui-button.mw-ui-quiet,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive {
    color: var(--wiki-content-link-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-content-link-color);
}

input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:active,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
    color: var(--wiki-content-text-color);
}

/**/

/* Echo */

.mw-echo-ui-notificationItemWidget {
	background-color: var(--wiki-content-background-color);
}

.mw-echo-ui-notificationItemWidget-unread,
.mw-echo-ui-placeholderItemWidget {
  background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8);
}

.mw-echo-ui-notificationItemWidget-unread:hover,
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
  background-color:var(--wiki-content-background-color--secondary);
}

.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-message-body {
  color:var(--wiki-content-text-mix-color);
}

.mw-echo-ui-notificationsListWidget:not(:hover) a,
#p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new,
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp{
  color:var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected &gt; .oo-ui-buttonElement-button:hover {
	color: var(--wiki-content-link-label-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover,
.ext-WikiEditor-realtimepreview-button:hover {
	color: var(--wiki-content-text-color);
}

.mw-echo-ui-pageNotificationsOptionWidget-label-count {
  background-color:var(--wiki-content-background-color--secondary);
  color:var(--wiki-content-text-color);
}

.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
  border-color:var(--wiki-content-border-color);
}

.mw-echo-ui-notificationItemWidget:last-child {
  border-bottom:1px solid var(--wiki-content-border-color);
}

.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
  background-color:var(--wiki-content-background-color);
}

.mw-echo-ui-notificationItemWidget-icon{
  filter:brightness(0) var(--wiki-icon-to-link-filter);
}

.mw-echo-ui-toggleReadCircleButtonWidget-circle  {
  background-color:var(--wiki-content-link-color);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.1);
  color:var(--wiki-content-link-color);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
  color:var(--wiki-content-link-color);
}

.oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
  color:var(--wiki-content-link-color);
}

@-webkit-keyframes unseen-fadeout-to-unread {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color--secondary);
  }
}
@keyframes unseen-fadeout-to-unread {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color--secondary);
  }
}
@-webkit-keyframes unseen-fadeout-to-read {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color);
  }
}
@keyframes unseen-fadeout-to-read {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color);
  }
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
    border-bottom-color: var(--wiki-content-border-color);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
    border-bottom-color: var(--wiki-content-background-color--secondary);
}

.client-js .mw-echo-special-nojs {
  filter:var(--wiki-icon-general-filter)
}
/**/

/*************************
* End Vector theme fixes *
**************************/

/************************
* Theme-based Scribunto *
*************************/
#mw-scribunto-input {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-scribunto-console-fieldset,
.mw-scribunto-message,
.mw-scribunto-input,
.mw-scribunto-error,
.mw-scribunto-print,
.mw-scribunto-normalOutput {
    background: transparent;
}

.mw-scribunto-console-fieldset {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-message {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-input {
    color: var(--wiki-content-text-color--hover);
}

.mw-scribunto-error {
    color: var(--wiki-alert-color);
}

.mw-scribunto-print {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-normalOutput {
    color: var(--wiki-content-text-color);
}

/****************
* End Scribunto *
*****************/

/***************************
* Theme-based VisualEditor *
****************************/
.ve-init-mw-progressBarWidget {
	background-color: var(--wiki-body-background-color);
	border: 1px solid var(--wiki-content-link-color);
	box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15);
}

.ve-init-mw-progressBarWidget-bar {
  background-color:var(--wiki-content-link-color);
}

div.ve-ce-branchNode {
  background-color:var(--wiki-content-background-color);
  border-color:var(--wiki-content-border-color);
}

.ve-ce-focusableNode-highlight {
	background: var(--wiki-content-link-color);
	box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights {
	opacity: 0.25;
}

.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
	outline-color: var(--wiki-content-link-color);
	background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75);
}

.ve-ui-specialCharacterPage-character,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu,
.ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu,
.ve-ui-specialCharacterPage-character:hover {
  border-color:var(--wiki-content-border-color);
}

.ve-ui-specialCharacterPage-character:hover {
  box-shadow:inset 0 0 1px 1px var(--wiki-content-link-color);
}
/*******************
* End VisualEditor *
********************/

/***********************
* Theme-based msupload *
************************/
#msupload-div,
#msupload-list .file {
  background-color:var(--wiki-content-background-color);
  border-color:var(--wiki-content-border-color);
}

#msupload-dropzone {
  border-color:var(--wiki-content-border-color);
  color:var(--wiki-content-text-color);
}

.drop-over {
  background-color:var(--wiki-accent-color);
  color:var(--wiki-accent-label-color) !important;
}

#msupload-bottom #msupload-files {
  padding-left:0;
	background: none;
}

#msupload-bottom #msupload-files::before {
  display:inline-block;
  background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?202406) no-repeat 0 0;
  background-position:left center;
  height:22px;
  width:25px;
  content:'';
  vertical-align: top;
  filter:var(--wiki-icon-general-filter);
}
/***************************
* End theme-based msupload *
****************************/

/*****************************
* Theme-based commentstreams *
******************************/
.cs-title-edit-field {
  border-color:var(--wiki-accent-color);
}

.cs-edit-box ,
.cs-expanded .cs-comment-header {
	background-color: var(--wiki-content-background-color--secondary);
  border-color:var(--wiki-content-border-color);
}

.cs-target-comment .cs-comment-header {
  border-color:var(--wiki-accent-color);
}

.cs-comment-author a {
    color: var(--wiki-content-link-color);
}

.cs-comment-details {
	color: rgba(var(--wiki-content-text-color--rgb), 0.6);
}

.cs-comment {
	border:1px solid var(--wiki-content-border-color);
}

.cs-comment-body {
  padding:0 5px;
}
/*********************************
* End theme-based commentstreams *
**********************************/

/*********************
* Mobile adjustments *
**********************/
@media screen and (max-width:720px) {
    :root {
        --wiki-content-right-margin: 0px;
        --wiki-content-padding:0.5rem;
        --wiki-navigation-right-margin: 1px;
        --wiki-navigation-left-margin: 0px;
        --wiki-navigation-top-padding: 5px;
        --wiki-navigation-bottom-padding:0px;
        --wiki-navigation-height:2rem;
        --wiki-navigation-search-height:2.15rem;
        --wiki-navigation-search-margin:0.5rem;
        --wiki-logo-height: 80px;
        --wiki-logo-width: 100%;
        --wiki-logo-margin: 10px;
        --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding));
        --wiki-head-icon-padding: 0.25rem;
        --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2);
        --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
        --wiki-menu-margin: 0.2rem;
        --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin));
    }

    #mw-page-base,
    #mw-head-base {
        height:var(--wiki-head-height);
    }
    
    #mw-page-base {
        padding-top: var( --wikigg-header-height );
    }
    
    #mw-head-base {
        margin-top:calc(var(--wiki-head-height) * -1);
    }

    #p-logo,
    #p-logo a {
        height: var(--wiki-logo-height);
        width: var(--wiki-logo-width);
    }
    
    #p-logo {
        position:absolute;
        background:none;
        padding:0;
        left:0;
        margin:var(--wiki-logo-margin) 0;
        transform:none;
        top: var(--wikigg-header-height);
    }
    
    .mw-wiki-logo {
        background-size:contain;
    }
    
    #mw-head {
        left:0;
        width:100%;
        top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height));
        border:none;
        border-image:none;
    }
    
    #mw-navigation {
        position:unset;
    }

    #left-navigation,
    #right-navigation {
        margin-top: 0;
        height:var(--wiki-navigation-height);
    }

    #right-navigation {
        margin-right: var(--wiki-navigation-right-margin);
    }

    div#left-navigation {
        margin-left: var(--wiki-navigation-left-margin);
    }

    div#right-navigation div#p-search {
        margin-right: 0;
    }
    
    .vector-menu-tabs-legacy,
    .vector-menu-dropdown {
        height:var(--wiki-navigation-height);
    }
    
    .vector-menu-tabs-legacy li a {
        height:var(--wiki-navigation-height);
    }
    
    #p-cactions {
        padding-bottom: 0px;
    }

    #p-search {
        position: absolute;
        left: 50%;
        transform:translateX(-50%);
        top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding));
        margin-left:0px;
        z-index: 4 /** above #mw-panel **/;
    }

    #simpleSearch {
        width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin));
    }
    
    .vector-search-box-input {
        height:var(--wiki-navigation-search-height);
    }
    
    .vector-search-box form {
        margin:var(--wiki-navigation-search-margin) 0px;
    }

    .mw-body {
        border-left: none;
        border-right: none;
        margin-top: 0;
        padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2));
    }

    .mw-footer {
        border-left: none;
        border-right: none;
    }

    #mw-panel {
        position: unset;
        width:100%;
        margin: 0px auto;
        padding: 0;
        top: 0;
        background-position:bottom right, top center;
        background-size:100% 0.5em, 100% 100%;
        float:unset;
    }

    div#mw-navigation .vector-legacy-sidebar .vector-menu-portal {
        box-sizing:border-box;
        text-align: center
    }

    .vector-menu-dropdown .vector-menu-content {
        right: 0;
        left: unset;
    }
    
    #mw-panel .vector-menu-portal {
        border-left-width:0;
        border-right-width:0;
    }
    
    table.wikitable,
    table.responsive-table {
        display: block;
        overflow-x: scroll;
    }

    /* disable float on RecentChanges legend */
    .mw-changeslist-legend {
        float: none;
        margin: 0 auto;
    }

    /* advanced search options */
    #mw-searchoptions table {
        float: none;
    }

    #mw-searchoptions table td {
        display: block;
    }

    /* popup when clicking the download button in multimediaviewer */
    .mw-mmv-dialog {
        width: unset;
    }

    /* turn math elements into scroll blocks unless they're an immediate child of a span */
    :not(span)&gt;.mwe-math-element {
        display: block;
        overflow-x: auto;
    }

    /* Expandable mobile navigation panel */
    body.has-vector-mobile-menu #mw-panel {
        position: absolute;
        top: var(--wiki-menu-top-offset);
        z-index: 3;
    }

    body.has-vector-mobile-menu .vector-legacy-sidebar .mobile-nav-toggle {
        position: relative;
        z-index: 5;
        display: block;
        appearance: none;
        border: 1px solid var(--wiki-content-border-color);
        margin-left: var(--wiki-navigation-search-margin);
        margin-bottom: 2px;
        background-color: var(--wiki-content-background-color--secondary);
    }

    body.has-vector-mobile-menu .vector-legacy-sidebar .vector-menu-portal {
        display: none;
    }

    body.has-vector-mobile-menu .vector-legacy-sidebar .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal {
        display: block;
    }

    body.has-vector-mobile-menu #mw-navigation .vector-legacy-sidebar .vector-menu-portal {
        text-align: left;
        font-size: 110%;
        border-left-width: 1px;
        border-right-width: 1px;
        margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin));
    }

    body.has-vector-mobile-menu #mw-navigation .vector-legacy-sidebar .vector-menu-portal + .vector-menu-portal {
        border-top: 0;
    }

    body.has-vector-mobile-menu #mw-navigation .vector-legacy-sidebar .vector-menu-portal:not(:last-child) {
        border-bottom: 0;
    }

    body.has-vector-mobile-menu .vector-legacy-sidebar .vector-menu-content-list {
        display: flex;
        flex-wrap: wrap;
    }

    body.has-vector-mobile-menu .vector-legacy-sidebar .vector-menu-content-list a {
        display: block;
        padding: 0.2rem 0.5rem;
        border: 1px solid transparent;
    }

    body.has-vector-mobile-menu .vector-legacy-sidebar .vector-menu-content-list a:hover {
        border-color: var(--wiki-content-link-color);
    }

    body.has-vector-mobile-menu .vector-legacy-sidebar #p-navigation-label {
        display: block;
    }

    body.has-vector-mobile-menu #p-logo {
		/* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */
		top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) );
    }

    .mobile-nav-toggle {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A");
    }
    
    body.has-vector-mobile-menu #p-tb .vector-menu-content-list {
    	flex-direction: row;
    }

    /* Search adjustments for the expandable menu */
    body.has-vector-mobile-menu #p-search {
        /* reposition to the right when mobile sidebar menu is active */
        left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding));
        right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin));
        transform: none;
    }

    body.has-vector-mobile-menu #simpleSearch {
        width: 100%;
        margin: 0 auto;
    }

    /* icon navbar tabs + expandable nav panel icon */
    #mw-head {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    }

    #mw-head .vector-menu-tabs .mw-list-item a,
    #mw-head .vector-menu-dropdown .vector-menu-heading,
    .vector-legacy-sidebar .mobile-nav-toggle {
        line-height:var(--wiki-head-icon-size);
        width: var(--wiki-head-icon-size); /* same as line height */
        height: var(--wiki-head-icon-size);
        box-sizing: content-box;
        padding: var(--wiki-head-icon-padding);
        color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    }

    #mw-head .vector-menu-tabs .mw-list-item a::before,
    #mw-head .vector-menu-dropdown .vector-menu-heading::before,
    .vector-legacy-sidebar .mobile-nav-toggle::before {
        content: "";
        display: block;
        position: unset;
        background-image: none;
        width: var(--wiki-head-icon-size);
        height: var(--wiki-head-icon-size);
        margin: 0;
        --mask: var(--icon) no-repeat;
        -webkit-mask: var(--mask);
        mask: var(--mask);
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-position: center center;
        mask-position: center center;
        background-color: var(--wiki-navigation-text-color);
    }

    #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
    #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
    .vector-legacy-sidebar .mobile-nav-toggle:hover::before,
    .vector-legacy-sidebar .mobile-nav-toggle.nav--expanded::before {
        background-color: var(--wiki-navigation-selected-text-color);
    }

    #mw-head .vector-menu-tabs .mw-list-item a span,
    #mw-head .vector-menu-dropdown .vector-menu-heading span {
        display: none;
    }

    #mw-head .vector-menu-dropdown .vector-menu-heading::after {
        display: none;
    }

	#ca-ve-edit,
    #ca-edit {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A");
    }
    
    #ca-ve-edit + #ca-edit {
    	--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    }

    #ca-view,
    #ca-view-foreign {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E");
    }

    #left-navigation li[id^=ca-nstab-] {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A");
    }

    #ca-history {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A");
    }

    #ca-talk {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
    }

    #t-contributions {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
    }

    #ca-addsection {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
    }

    #ca-viewsource {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
    }

    #p-variants {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
    }

    #p-cactions {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A");
    }
    
    #ca-watch {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A");
    }
    
    #ca-unwatch {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E");
    }
    
    .vector-menu-tabs #ca-watch.icon a:hover::before,
    .vector-menu-tabs #ca-unwatch.icon a:hover::before {
        background-image:none;
    }
  
    /* RecentChanges - prevent overflow on long summaries */
    .client-js .mw-changeslist ul,
	.client-js .mw-changeslist table.mw-enhanced-rc {
		margin-left:0;
	}

	.mw-changeslist-line-inner-comment,
	.mw-changeslist-line .comment {
		font-size:0.9em;
		word-break:break-all;
	}

	.mw-userlink {
		overflow-wrap:anywhere;
	}
}

/* Hide the expandable navigation button for desktop users */
.mobile-nav-toggle {
    display: none;
}

/*************
* End mobile *
**************/</text>
    <sha1>10f0192e3d1b6dd53053b3218679427c7c979373</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:!!</title>
  <ns>10</ns>
  <id>24</id>
  <revision>
    <id>25</id>
    <timestamp>2024-06-13T17:34:27Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">||&lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>02fb31115eef5c15d6612ac334bf5a5d83155c0a</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:!!/doc</title>
  <ns>10</ns>
  <id>25</id>
  <revision>
    <id>26</id>
    <timestamp>2024-06-13T17:34:28Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:!(</title>
  <ns>10</ns>
  <id>26</id>
  <revision>
    <id>27</id>
    <timestamp>2024-06-13T17:34:29Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">[&lt;noinclude&gt;
{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>1b058774deae9a7e511a0486a04647d6a3b9af62</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:!((</title>
  <ns>10</ns>
  <id>27</id>
  <revision>
    <id>28</id>
    <timestamp>2024-06-13T17:34:30Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="43" xml:space="preserve">[[&lt;noinclude&gt;
{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>a331374acf15177afbb3ffc0ec7bd5ada14c582e</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:!((/doc</title>
  <ns>10</ns>
  <id>28</id>
  <revision>
    <id>29</id>
    <timestamp>2024-06-13T17:34:31Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:!(/doc</title>
  <ns>10</ns>
  <id>29</id>
  <revision>
    <id>30</id>
    <timestamp>2024-06-13T17:34:32Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:!)</title>
  <ns>10</ns>
  <id>30</id>
  <revision>
    <id>31</id>
    <timestamp>2024-06-13T17:34:33Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">|}&lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>b2debea163716e114d1ea46e65a63d7a1ae84bc0</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:!)/doc</title>
  <ns>10</ns>
  <id>31</id>
  <revision>
    <id>32</id>
    <timestamp>2024-06-13T17:34:34Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:!-</title>
  <ns>10</ns>
  <id>32</id>
  <revision>
    <id>33</id>
    <timestamp>2024-06-13T17:34:35Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">|-&lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>636f9e440c24f4a3fe28b49cebd1808c3de8a814</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:!-/doc</title>
  <ns>10</ns>
  <id>33</id>
  <revision>
    <id>34</id>
    <timestamp>2024-06-13T17:34:37Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:(</title>
  <ns>10</ns>
  <id>34</id>
  <revision>
    <id>35</id>
    <timestamp>2024-06-13T17:34:38Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">{&lt;noinclude&gt;
{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>490a0c9c85eff213addd7272fe40f8627a637c75</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:(!</title>
  <ns>10</ns>
  <id>35</id>
  <revision>
    <id>36</id>
    <timestamp>2024-06-13T17:34:38Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">{|&lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>86e51fe1f06ae532410029eb39fa936d68880bc8</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:(!/doc</title>
  <ns>10</ns>
  <id>36</id>
  <revision>
    <id>37</id>
    <timestamp>2024-06-13T17:34:39Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:((</title>
  <ns>10</ns>
  <id>37</id>
  <revision>
    <id>38</id>
    <timestamp>2024-06-13T17:34:40Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">{{&lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>a506ba66cf7c806baae7faecb221b3a946721f6a</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:(((</title>
  <ns>10</ns>
  <id>38</id>
  <revision>
    <id>39</id>
    <timestamp>2024-06-13T17:34:41Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="44" xml:space="preserve">{{{&lt;noinclude&gt;
{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>fa33084b57c1f33c82290de279827b973ab2fba8</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:(((/doc</title>
  <ns>10</ns>
  <id>39</id>
  <revision>
    <id>40</id>
    <timestamp>2024-06-13T17:34:42Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:((/doc</title>
  <ns>10</ns>
  <id>40</id>
  <revision>
    <id>41</id>
    <timestamp>2024-06-13T17:34:44Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3147" xml:space="preserve">{| class="wikitable" style="text-align:center"
|-
! scope="col" style="width:7.0em;" | {{no wrap|Template call}}&lt;br&gt;{{normal|('''m''' for magic word)}}
! scope="col" style="width:5.75em;" | {{no wrap|Output}}&amp;nbsp;{{normal|(delayed interpretation as wikimarkup)}}
! scope="col" style="width:9.0em;" | {{no wrap|HTML alternative}} {{normal|(never interpreted as wikimarkup)}}
! Why you might want to use this
|- style="vertical-align:top"
| &lt;code&gt;&lt;nowiki&gt;{{!}}&lt;/nowiki&gt;&lt;/code&gt; '''(m)'''
| &lt;nowiki&gt;|&lt;/nowiki&gt;
| &amp;amp;#124; or {{tl|pipe}}
| Displaying pipe characters inside of a parser function
|- style="vertical-align:top"
| &lt;code&gt;&lt;nowiki&gt;{{=}}&lt;/nowiki&gt;&lt;/code&gt; '''(m)'''
| &lt;nowiki&gt;=&lt;/nowiki&gt;
| &amp;amp;#61;
| Displaying equal signs inside of unnamed parameters (e.g. &lt;code&gt;&lt;nowiki&gt;{{MyTemplate|1+1=2}}&lt;/nowiki&gt;&lt;/code&gt; will assign &lt;code&gt;2&lt;/code&gt; to &lt;code&gt;&lt;nowiki&gt;{{{1+1|}}}&lt;/nowiki&gt;&lt;/code&gt;; &lt;code&gt;&lt;nowiki&gt;{{MyTemplate|1+1{{=}}2}}&lt;/nowiki&gt;&lt;/code&gt; will do what you want)
|- style="vertical-align:top"
| {{tlx|!!}}
| &lt;nowiki&gt;||&lt;/nowiki&gt;
| &amp;amp;#124;&amp;amp;#124;
| Displaying a break between two table cells inside of a parser function
|- style="vertical-align:top"
| {{tlx|!(}}
| {{!(}}
| &amp;amp;#91;
| Displaying a bracket inside of an external link
|- style="vertical-align:top"
| {{tlx|)!}}
| {{)!}}
| &amp;amp;#93;
| Displaying a bracket inside of an external link
|- style="vertical-align:top"
| {{tlx|!((}}
| {{!((}}
| &amp;amp;#91;&amp;amp;#91;
| Displaying a bracket inside of a link
|- style="vertical-align:top"
| {{tlx|))!}}
| {{))!}}
| &amp;amp;#93;&amp;amp;#93;
| Displaying a bracket inside of a link
|- style="vertical-align:top"
| {{tlx|(}}
| {{(}}
| &amp;amp;#123;
| Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter
|- style="vertical-align:top"
| {{tlx|)}}
| {{)}}
| &amp;amp;#125;
| Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter
|- style="vertical-align:top"
| {{tlx|((}}
| {{((}}
| &amp;amp;#123;&amp;amp;#123;
| Displaying open braces for a template without actually transcluding that template
|- style="vertical-align:top"
| {{tlx|))}}
| {{))}}
| &amp;amp;#125;&amp;amp;#125;
| Displaying closed braces for a template without actually transcluding that template
|- style="vertical-align:top"
| {{tlx|(((}}
| {{(((}}
| &amp;amp;#123;&amp;amp;#123;&amp;amp;#123;
| Displaying a template parameter's open curly braces without actually using that variable
|- style="vertical-align:top"
| {{tlx|)))}}
| {{)))}}
| &amp;amp;#125;&amp;amp;#125;&amp;amp;#125;
| Displaying a template parameter's closed curly braces without actually using that variable
|- style="vertical-align:top"
| {{tlx|(!}}
| &lt;nowiki&gt;{|&lt;/nowiki&gt;
| &amp;amp;#123;&amp;amp;#124;
| Starting a table inside of a parser function
|- style="vertical-align:top"
| {{tlx|!-}}
| &lt;nowiki&gt;|-&lt;/nowiki&gt;
| &amp;amp;#124;&amp;amp;#45;
| Starting a new table row inside of a parser function
|- style="vertical-align:top"
| {{tlx|!)}}
| &lt;nowiki&gt;|}&lt;/nowiki&gt;
| &amp;amp;#124;&amp;amp;#125;
| Closing a table inside of a parser function
|}&lt;includeonly&gt;
[[Category:Formatting templates]]
&lt;/includeonly&gt;
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>1bdc95eb92ba36093f841fc832035a79501db2cb</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:(/doc</title>
  <ns>10</ns>
  <id>41</id>
  <revision>
    <id>42</id>
    <timestamp>2024-06-13T17:34:45Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:)</title>
  <ns>10</ns>
  <id>42</id>
  <revision>
    <id>43</id>
    <timestamp>2024-06-13T17:34:47Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">]&lt;noinclude&gt;
{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>016897dfd1af3b146bed2b47e7aa58c0bbf6f23d</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:)!</title>
  <ns>10</ns>
  <id>43</id>
  <revision>
    <id>44</id>
    <timestamp>2024-06-13T17:34:47Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="42" xml:space="preserve">]&lt;noinclude&gt;
{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>016897dfd1af3b146bed2b47e7aa58c0bbf6f23d</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:)!/doc</title>
  <ns>10</ns>
  <id>44</id>
  <revision>
    <id>45</id>
    <timestamp>2024-06-13T17:34:49Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:))</title>
  <ns>10</ns>
  <id>45</id>
  <revision>
    <id>46</id>
    <timestamp>2024-06-13T17:34:50Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="44" xml:space="preserve">}}&lt;noinclude&gt;
{{documentation}}
&lt;/noinclude&gt;</text>
    <sha1>85ca77d4d6ff71d8e6396ebd798f87fa7f45dc02</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:))!</title>
  <ns>10</ns>
  <id>46</id>
  <revision>
    <id>47</id>
    <timestamp>2024-06-13T17:34:51Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="43" xml:space="preserve">]]&lt;noinclude&gt;
{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>3d84066ce45d0c1fca0bb04608a4e73c6ea54324</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:))!/doc</title>
  <ns>10</ns>
  <id>47</id>
  <revision>
    <id>48</id>
    <timestamp>2024-06-13T17:34:51Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:)))</title>
  <ns>10</ns>
  <id>48</id>
  <revision>
    <id>49</id>
    <timestamp>2024-06-13T17:34:52Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="44" xml:space="preserve">}}}&lt;noinclude&gt;
{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>585d94f6fe636b77087dc0d06bfbe6cb69b29987</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:)))/doc</title>
  <ns>10</ns>
  <id>49</id>
  <revision>
    <id>50</id>
    <timestamp>2024-06-13T17:34:53Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:))/doc</title>
  <ns>10</ns>
  <id>50</id>
  <revision>
    <id>51</id>
    <timestamp>2024-06-13T17:34:54Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:)/doc</title>
  <ns>10</ns>
  <id>51</id>
  <revision>
    <id>52</id>
    <timestamp>2024-06-13T17:35:56Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:*</title>
  <ns>10</ns>
  <id>52</id>
  <revision>
    <id>53</id>
    <timestamp>2024-06-13T17:35:57Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="84" xml:space="preserve">&amp;nbsp;&amp;bull;&amp;nbsp;&lt;noinclude&gt;
{{doc}}
[[Category:Formatting templates]]
&lt;/noinclude&gt;</text>
    <sha1>81a7f0051da7b8f4a0548d91c5eb429a974fac91</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:*/doc</title>
  <ns>10</ns>
  <id>53</id>
  <revision>
    <id>54</id>
    <timestamp>2024-06-13T17:35:58Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="441" xml:space="preserve">This is the '''bullet''' template; it looks like this: [&amp;nbsp;&amp;bull;&amp;nbsp;]

It works similarly to the HTML markup sequence: [&lt;code&gt;'''&amp;amp;nbsp;&amp;amp;bull;&amp;amp;nbsp;'''&lt;/code&gt;], that is, a non-breaking space, a bullet and a non-breaking space.

This template is used when you want a larger bullet than a bold middot ['''&amp;middot;'''], but something smaller than an en dash [&amp;ndash;].
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>ea04fe63a10dc333ed9c48bfc397debb11682f1e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Ambox</title>
  <ns>10</ns>
  <id>54</id>
  <revision>
    <id>55</id>
    <timestamp>2024-06-13T17:35:59Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="709" xml:space="preserve">&lt;includeonly&gt;&lt;!--

--&gt;&lt;div class="ambox {{{class|}}} {{#ifeq:{{lc:{{{tiny|}}}}}|yes|tiny}}"&lt;!--
   --&gt; style="--ambox-color: {{{color|}}};"&gt;&lt;!--
   
   --&gt;&lt;div class="ambox-icon"&gt;[[File:{{{icon|Ambox banner content.svg}}}{{!}}{{#ifeq:{{lc:{{{tiny|}}}}}|yes|48x20px|48x48px}}|alt=]]&lt;/div&gt;&lt;!--
   
   --&gt;&lt;div class="ambox-content"&gt;&lt;!-- start ambox content
      --&gt;{{#if: {{{title|}}} | &lt;p class="ambox-title"&gt;{{{title}}}&lt;/p&gt; }}&lt;!--
      --&gt;&lt;p class="ambox-text"&gt;{{{message|No text provided.}}}{{#if: {{{date|}}} |&lt;nowiki&gt; &lt;/nowiki&gt;(Message added: {{{date}}}) }}&lt;/p&gt;&lt;!--
   --&gt;&lt;/div&gt;&lt;!-- end ambox content

--&gt;&lt;/div&gt;&lt;!-- end ambox

--&gt;&lt;/includeonly&gt;&lt;noinclude&gt;
{{doc}}
[[Category:Notice templates]]&lt;/noinclude&gt;</text>
    <sha1>8a8451e2f1d9edc664e53261eba3ce4f140d1e28</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Ambox/doc</title>
  <ns>10</ns>
  <id>55</id>
  <revision>
    <id>56</id>
    <timestamp>2024-06-13T17:36:01Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3620" xml:space="preserve">== Summary ==
{{#ifeq:{{ROOTPAGENAME}}|Ambox|"Ambox" is an abbreviation for '''A'''rticle '''m'''essage '''box'''. You can use amboxes in articles to indicate something important about the current page, often in the header.|
This '''message template''' is an [[Template:Ambox|article message box]], or '''ambox'''. The documentation below discusses how to use each ambox provided by the wiki.
}}

== Premade amboxes ==
=== Problem notice amboxes ===
These amboxes are used temporarily to notify other editors and visitors about a problem with an article. These amboxes support the following parameters:

* &lt;code&gt;|tiny=&lt;/code&gt;: If set to &lt;code&gt;yes&lt;/code&gt;, the box will have less padding and the icon will be much smaller than default.
* &lt;code&gt;|class=&lt;/code&gt;: Any additional CSS classes to add to the ambox container element.
* &lt;code&gt;|date=&lt;/code&gt;: The date the ambox was added to the page.
* &lt;code&gt;|nocat=&lt;/code&gt;: If set to &lt;code&gt;yes&lt;/code&gt;, no category will be added to the page. Use this only when creating documentation.

'''Note:''' Premade amboxes need the base {{tl|Ambox}} template to work.
{| class="wikitable"
! Code !! Result
|-
| {{tl|Cleanup}} || {{Cleanup|nocat=yes}}
|-
| {{tl|Delete}} || {{Delete|nocat=yes}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{&lt;/nowiki&gt;[[Template:Merge|Merge]]|Example&lt;nowiki&gt;}}&lt;/nowiki&gt;&lt;/code&gt; || {{Merge|Template:Ambox{{!}}Example|nocat=yes}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{&lt;/nowiki&gt;[[Template:Move|Move]]|Example&lt;nowiki&gt;}}&lt;/nowiki&gt;&lt;/code&gt; || {{Move|Template:Ambox{{!}}Example|nocat=yes}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{&lt;/nowiki&gt;[[Template:Split|Split]]|Example&lt;nowiki&gt;}}&lt;/nowiki&gt;&lt;/code&gt;&lt;br/&gt;&lt;br/&gt;&lt;code&gt;&lt;nowiki&gt;{{&lt;/nowiki&gt;[[Template:Split|Split]]|Example 1|Example 2|Example 3&lt;nowiki&gt;}}&lt;/nowiki&gt;&lt;/code&gt; || {{Split|Template:Ambox{{!}}Example|nocat=yes}}
{{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}}
|-
| {{tl|Stub}} || {{Stub|nocat=yes}}
|-

|}

=== Informational amboxes ===
These amboxes are intended as permanent fixtures to a page, to notify visitors about some piece of information relevant to the page. These amboxes support the following parameters in addition to any listed:

* &lt;code&gt;|tiny=&lt;/code&gt;, if set to &lt;code&gt;Yes&lt;/code&gt; the image will be much smaller than default
* &lt;code&gt;|class=&lt;/code&gt;, any additional classes to add to the ambox container

{| class="wikitable"
! Code !! Additional parameters !! Result
|-
| {{tl|Spoiler warning}} ||  || {{Spoiler warning|nocat=yes}}
|-
| {{tl|No direct use}} || || {{No direct use|nocat=yes}}
|-
| {{tl|Uses Lua}} || &lt;code&gt;&lt;nowiki&gt;|1=&lt;/nowiki&gt;&lt;/code&gt;, a comma-separated list of modules used || {{Uses Lua|nocat=yes}}

|}

=== Optional parameters ===
You can use optional parameters to further customize a premade ambox. The example below is using &lt;code&gt;tiny=yes&lt;/code&gt; and &lt;code&gt;date=01/01/2021&lt;/code&gt;.
{{Cleanup|tiny=yes|date=01/01/2021|nocat=yes}}

== Creating a custom ambox ==
You can create additional ambox templates as needed using the following parameters:
&lt;pre&gt;
{{Ambox
| color = The left border color.
| icon = The icon image to be displayed.
| title = The optional title.
| message = The explanation text displayed.
| tiny = If you want the tiny version of the ambox, fill the parameter with "yes".
| date = An optional date of creation for the message.
| class = An optional CSS class for the ambox.
}}
&lt;/pre&gt;

== Dependencies ==
For this template to work properly, you need the following:
* &lt;code&gt;.ambox&lt;/code&gt; and any related classes, found in [[MediaWiki:Common.css]].
&lt;includeonly&gt;[[Category:Notice templates]]&lt;/includeonly&gt;
__NOTOC__
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>6fced5813eb1133d8fab2dc8b7e884c513299eaf</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Anchor</title>
  <ns>10</ns>
  <id>56</id>
  <revision>
    <id>57</id>
    <timestamp>2024-06-13T17:36:02Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="144" xml:space="preserve">&lt;includeonly&gt;&lt;!--

--&gt;&lt;span id="{{{1}}}"&gt;&lt;/span&gt;&lt;!--

--&gt;&lt;/includeonly&gt;&lt;!--

--&gt;&lt;noinclude&gt;{{doc}}
[[Category:Navigation templates]]&lt;/noinclude&gt;</text>
    <sha1>08ccba46722925866447768d344bf540b0b55e79</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Anchor/doc</title>
  <ns>10</ns>
  <id>57</id>
  <revision>
    <id>58</id>
    <timestamp>2024-06-13T17:36:03Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="755" xml:space="preserve">== Summary ==
This template can be used to insert an invisible anchor (reference points) into a page that can later be used by internal wiki links.

== Usage ==
To create a custom anchor, use &lt;code&gt;&lt;nowiki&gt;{{Anchor|Anchor Name}}&lt;/nowiki&gt;&lt;/code&gt; anywhere in the page.

For example, if you create the anchor &lt;code&gt;&lt;nowiki&gt;{{Anchor|Example Anchor}}&lt;/nowiki&gt;&lt;/code&gt; in the page &lt;code&gt;&lt;nowiki&gt;[[Example]]&lt;/nowiki&gt;&lt;/code&gt;, you can access it through the internal link &lt;code&gt;&lt;nowiki&gt;[[Example#Example Anchor]]&lt;/nowiki&gt;&lt;/code&gt;.

Remember that you can create a [[support:Redirect|redirect]] to this template so that you can call it more easily, such as with &lt;code&gt;&lt;nowiki&gt;{{a|Anchor Name}}&lt;/nowiki&gt;&lt;/code&gt;.
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>4b0ddb50416a354db262e62617d9b45056f4d526</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Character icon</title>
  <ns>10</ns>
  <id>58</id>
  <revision>
    <id>59</id>
    <timestamp>2024-06-13T17:36:04Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="146" xml:space="preserve">&lt;includeonly&gt;{{Link icon|{{{1|}}}|{{{2|}}}|type=Character}}&lt;/includeonly&gt;&lt;noinclude&gt;{{documentation}}[[Category:Formatting templates]]&lt;/noinclude&gt;</text>
    <sha1>24bad84fd5dea93cab210dfd592fda86af09eb87</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Character icon/doc</title>
  <ns>10</ns>
  <id>59</id>
  <revision>
    <id>60</id>
    <timestamp>2024-06-13T17:36:05Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1602" xml:space="preserve">== Summary ==
&lt;templatedata&gt;
{
	"params": {
		"1": {
			"aliases": [
				"page"
			],
			"label": "Page Name",
			"description": "The name for the target page.",
			"example": "Page Name",
			"type": "wiki-page-name",
			"required": true
		},
		"2": {
			"aliases": [
				"label"
			],
			"label": "Link Label",
			"description": "The text to the be displayed on the link icon's label.",
			"example": "Alternative Page Name",
			"type": "line"
		}
	},
	"description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Character).png\".",
	"format": "inline"
}
&lt;/templatedata&gt;

== Examples ==
For the examples below, &lt;code&gt;&lt;nowiki&gt;File:Invisible Boy (Character).png&lt;/nowiki&gt;&lt;/code&gt; was used as the icon for a page called &lt;code&gt;Invisible Boy&lt;/code&gt;.
{| class="wikitable"
! Code !! Result
|-
| &lt;code&gt;&lt;nowiki&gt;{{Character icon|Invisible Boy}}&lt;/nowiki&gt;&lt;/code&gt; || {{Character icon|Invisible Boy}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Character icon|Invisible Boy|The Invisible Boy}}&lt;/nowiki&gt;&lt;/code&gt; || {{Character icon|Invisible Boy|The Invisible Boy}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Character icon|Invisible Boy|notext}}&lt;/nowiki&gt;&lt;/code&gt; || {{Character icon|Invisible Boy|notext}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Character icon|Missing Boy}}&lt;/nowiki&gt;&lt;/code&gt; (Missing Page Icon) || {{Character icon|Missing Boy}}
|}
== Dependencies==
For this template to work properly, you need the following:
* The base {{tl|Link icon}} template.
* The &lt;code&gt;.link-icon&lt;/code&gt; class and any related classes, found in [[MediaWiki:Common.css]].</text>
    <sha1>0999a706143c16f5ed970816e7825239cfce9547</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Cleanup</title>
  <ns>10</ns>
  <id>60</id>
  <revision>
    <id>61</id>
    <timestamp>2024-06-13T17:36:06Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="499" xml:space="preserve">&lt;includeonly&gt;{{Ambox
| color = gold
| icon = Cleanup.svg
| message = This page does not meet '''{{SITENAME}}''''s page quality standards. You can [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit it] to help fixing grammar, formatting, or code issues.
| tiny = {{{tiny|}}}
| class = {{{class|}}}
| date = {{{date|}}}
}}&lt;!--

--&gt;{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Pages in need of improvement]]}}&lt;/includeonly&gt;&lt;!--

--&gt;&lt;noinclude&gt;{{Cleanup|nocat=yes}}
{{doc|Template:Ambox/doc}}&lt;/noinclude&gt;</text>
    <sha1>150c056a9c89e3cf148e7243f5bf27c87d43600a</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Cleanup/doc</title>
  <ns>10</ns>
  <id>61</id>
  <revision>
    <id>62</id>
    <timestamp>2024-06-13T17:36:07Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#REDIRECT [[Template:Ambox/doc]]</text>
    <sha1>286a3914c1d2770ff27394ac3d3f36a685542cb8</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Clear</title>
  <ns>10</ns>
  <id>62</id>
  <revision>
    <id>63</id>
    <timestamp>2024-06-13T17:36:08Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="100" xml:space="preserve">&lt;div style="clear:{{{1|both}}};" class={{{class|}}}&gt;&lt;/div&gt;&lt;noinclude&gt;
{{documentation}}
&lt;/noinclude&gt;</text>
    <sha1>5b24b9fd5cc166a8c486e2422d5df465206ed39c</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Delete</title>
  <ns>10</ns>
  <id>63</id>
  <revision>
    <id>64</id>
    <timestamp>2024-06-13T17:36:09Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="433" xml:space="preserve">&lt;includeonly&gt;{{Ambox
| color = grey
| icon = Delete.svg
| title = Candidate for Deletion
| message = This page lacks relevance for '''{{SITENAME}}''' and is a candidate for '''deletion'''.
| tiny = {{{tiny|}}}
| class = {{{class|}}}
| date = {{{date|}}}
}}&lt;!--

--&gt;{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for deletion]]}}&lt;/includeonly&gt;&lt;!--

--&gt;&lt;noinclude&gt;{{Delete|nocat=yes}}
{{doc|Template:Ambox/doc}}&lt;/noinclude&gt;</text>
    <sha1>6c827de94518d7f5f1635b13425be0d0fb4078da</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Delete/doc</title>
  <ns>10</ns>
  <id>64</id>
  <revision>
    <id>65</id>
    <timestamp>2024-06-13T17:36:10Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#REDIRECT [[Template:Ambox/doc]]</text>
    <sha1>286a3914c1d2770ff27394ac3d3f36a685542cb8</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Disambiguation</title>
  <ns>10</ns>
  <id>65</id>
  <revision>
    <id>66</id>
    <timestamp>2024-06-13T17:36:11Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="738" xml:space="preserve">&lt;includeonly&gt;&lt;!--

--&gt;{{#vardefine:topic|&lt;!-- start vd
   --&gt;{{#if:{{{topic|}}} | {{{topic}}} | {{PAGENAME}} }}&lt;!-- end if
--&gt;}}&lt;!-- end vd
   
--&gt;{{#vardefine:disambig|&lt;!-- start vd
   
   --&gt;{{#if:{{{1|}}}&lt;!-- start custom disambig if
      
      --&gt;|{{{1}}}&lt;!-- start label if --&gt;{{#if:{{{2|}}} | {{!}}{{{2}}} }}&lt;!-- end label if
         
      --&gt;|{{#var:topic}} (disambiguation)&lt;!-- else; use regular disambig
         
   --&gt;}}&lt;!-- end custom disambig if
      
--&gt;}}&lt;!-- end vd
   
--&gt;{{Hatnote|&lt;!--

   --&gt;This page is about '''{{#var:topic}}'''. For other uses, see [[{{#var:disambig}}]].&lt;!-- 
   --&gt;|icon=Disambig.svg&lt;!-- 
   
--&gt;}}&lt;!-- 

--&gt;&lt;/includeonly&gt;&lt;!-- 

--&gt;&lt;noinclude&gt;{{doc}}[[Category:Hatnote templates]]&lt;/noinclude&gt;</text>
    <sha1>c4c62e7a1876492eb970ea182cf4ac0bcad97913</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Disambiguation/doc</title>
  <ns>10</ns>
  <id>66</id>
  <revision>
    <id>67</id>
    <timestamp>2024-06-13T17:36:12Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1624" xml:space="preserve">&lt;templatedata&gt;
{
	"params": {
		"1": {
			"label": "Disambiguation Page",
			"description": "A custom disambiguation page name.",
			"example": "Disambiguation Page",
			"type": "wiki-page-name"
		},
		"2": {
			"label": "Link Label",
			"description": "A label for the custom disambiguation page.",
			"example": "Alternative Page Name",
			"type": "line"
		},
		"topic": {
			"label": "Custom Topic",
			"description": "In case {{PAGENAME}} does not describe the topic, this can be used to display a custom topic",
			"example": "a custom topic",
			"default": "{{PAGENAME}}",
			"type": "line"
		}
	},
	"description": "This hatnote template is meant to be used at the top of an article to indicate the existence of a disambiguation page.",
	"paramOrder": [
		"1",
		"2",
		"topic"
	],
	"format": "inline"
}
&lt;/templatedata&gt;

== Examples ==
{| class="wikitable"
! Code !! Result
|-
| &lt;code&gt;&lt;nowiki&gt;{{Disambiguation}}&lt;/nowiki&gt;&lt;/code&gt; || {{Disambiguation|topic=Example}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Disambiguation|Special:Random|topic=Example}}&lt;/nowiki&gt;&lt;/code&gt; || {{Disambiguation|Special:Random|topic=Example}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Disambiguation|Special:Random|Page Label|topic=this particular topic}}&lt;/nowiki&gt;&lt;/code&gt; || {{Disambiguation|Special:Random|Page Label|topic=this particular topic}}
|}

== Dependencies ==
For this template to work properly, you need the following:
* The {{tl|Hatnote}} base template.
* The &lt;code&gt;.hatnote&lt;/code&gt; class, found in [[MediaWiki:Common.css]].

== Source ==
Roughly based on [[wikipedia:Template:About|Wikipedia's About Template]].

&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>5fce9c689120c57454571ff0e60a2cd447df5713</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Distinguish</title>
  <ns>10</ns>
  <id>67</id>
  <revision>
    <id>68</id>
    <timestamp>2024-06-13T17:36:13Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="735" xml:space="preserve">&lt;includeonly&gt;&lt;!--
--&gt;{{#vardefine:text|&lt;!-- start vd
   --&gt;{{#if:{{{text|}}} | {{{text}}} |&lt;!-- start top if
      
   --&gt;{{#if:{{{2|}}}&lt;!-- if more than one page
      
      --&gt;|[[{{{1}}}]]{{#if:{{{3|}}}&lt;!-- start concat if
         
         --&gt;|, [[{{{2}}}]] or [[{{{3}}}]]&lt;!-- concat two
            
         --&gt;|&lt;nowiki&gt; &lt;/nowiki&gt;or [[{{{2}}}]]&lt;!-- else; concat one
            
      --&gt;}}&lt;!-- end concat if
         
      --&gt;|[[{{{1}}}]]&lt;!-- else; one page only
         
   --&gt;}}&lt;!-- end custom disambig if
      
   --&gt;}}&lt;!-- end if
--&gt;}}&lt;!-- end vd

--&gt;{{Hatnote|&lt;!--

   --&gt;Not to be confused with {{#var:text}}.&lt;!-- 
   
--&gt;}}&lt;!-- 

--&gt;&lt;/includeonly&gt;&lt;!-- 

--&gt;&lt;noinclude&gt;{{doc}}[[Category:Hatnote templates]]&lt;/noinclude&gt;</text>
    <sha1>67ae5406ffd29bec56cfe7ad6527bb09a9733496</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Distinguish/doc</title>
  <ns>10</ns>
  <id>68</id>
  <revision>
    <id>69</id>
    <timestamp>2024-06-13T17:36:14Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2328" xml:space="preserve">&lt;templatedata&gt;
{
	"params": {
		"1": {
			"label": "Alternative",
			"description": "The alternative page.",
			"example": "Alternative Page",
			"type": "wiki-page-name",
			"suggested": true
		},
		"2": {
			"label": "Second Alternative",
			"description": "A second alternative page.",
			"example": "Second Alternative Page",
			"type": "wiki-page-name"
		},
		"3": {
			"label": "Third Alternative",
			"description": "A third alternative page.",
			"example": "Third Alternative Page",
            "type": "wiki-page-name"
		},
		"text": {
			"label": "Alternative Text",
			"description": "Instead of using pages, you can provide a full alternative text. This parameter overrides other provided parameters.",
			"example": "the alternative page, [[Alternative Page]]",
			"type": "line"
		}
	},
	"description": "This hatnote template is meant to be used to indicate possible alternatives to what the reader wants to find.",
	"paramOrder": [
		"1",
		"2",
		"3",
		"text"
	],
	"format": "inline"
}
&lt;/templatedata&gt;

== Examples ==
{| class="wikitable"
! Code !! Result
|-
| &lt;code&gt;&lt;nowiki&gt;{{Distinguish|Special:Uncategorizedpages}}&lt;/nowiki&gt;&lt;/code&gt; || {{Distinguish|Special:Uncategorizedpages}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}}&lt;/nowiki&gt;&lt;/code&gt; || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}}&lt;/nowiki&gt;&lt;/code&gt; || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Distinguish|Special:Uncategorizedpages{{!}}Page 1}}&lt;/nowiki&gt;&lt;/code&gt; (Custom link label) || {{Distinguish|Special:Uncategorizedpages{{!}}Page 1}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}}&lt;/nowiki&gt;&lt;/code&gt; || {{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}}
|}

== Dependencies ==
For this template to work properly, you need the following:
* The {{tl|Hatnote}} base template.
* The &lt;code&gt;.hatnote&lt;/code&gt; class, found in [[MediaWiki:Common.css]].

== Source ==
Roughly based on [[wikipedia:Template:Distinguish|Wikipedia's Distinguish Template]].

&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>2a06ed576ae6479add20834628f9378c657cb4fb</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Doc</title>
  <ns>10</ns>
  <id>69</id>
  <revision>
    <id>70</id>
    <timestamp>2024-06-13T17:36:15Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="36" xml:space="preserve">#redirect [[Template:Documentation]]</text>
    <sha1>041222999c2c4765a4663432058f50686fb65f40</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Documentation</title>
  <ns>10</ns>
  <id>70</id>
  <revision>
    <id>71</id>
    <timestamp>2024-06-13T17:36:16Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2132" xml:space="preserve">&lt;includeonly&gt;&lt;!--

--&gt;&lt;div class="documentation"&gt;&lt;!--
	--&gt;&lt;div class="documentation-header"&gt;&lt;!--
		--&gt;[[File:Template-{{#ifexist:{{#vardefineecho:docpage|{{{1|Template:{{#replace:{{{1|{{PAGENAME}}/doc}}}|Template:|}}}}}&lt;!-- end vde --&gt;}}|{{#if:{{{baddoc|}}}|bad}}|no}}info.svg|50px|link=]] &lt;!--
		--&gt;&lt;span style="font-weight: bold; font-size: 125%; margin-right: 10px;"&gt;Documentation&lt;/span&gt; &lt;!--
		--&gt;{{#ifeq:{{SUBPAGENAME}}|doc|&lt;!--nothing--&gt;|&lt;!--
			--&gt;{{#ifexist:{{#var:docpage}}|&lt;!--
				--&gt;&lt;span style="font-size: 90%; font-style: italic;"&gt;&lt;!--
					--&gt;[{{fullurl:{{#var:docpage}}|action=edit}} Edit] this documentation at [{{fullurl:{{#var:docpage}}|redirect=no}} {{FULLPAGENAMEE:{{#var:docpage}}}}].&lt;!--
				--&gt;&lt;/span&gt;&lt;!--
			--&gt;}}&lt;!--
		--&gt;}}&lt;!--
		--&gt;&lt;div style="float: right; margin-left: 5px;"&gt;&lt;!--
			--&gt;[{{fullurl:{{FULLPAGENAMEE}}|action=purge}} purge]&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!--
&lt;!-- leave line break here --&gt;
{{#if:{{{lua|}}}|{{UsesLua|{{{lua}}} }} }}
&lt;!-- documentation text/error box begins here --&gt;
&lt;div style="border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: 0.5em auto 1em; padding: 0.8em 1.2em; background: var(--wiki-content-background-color--secondary);"&gt;
&lt;!--
	--&gt;{{#ifexist:{{#var:docpage}}|&lt;!--


If there is documentation

--&gt;
{{ {{#var:docpage}} }}
&lt;!--


Else

	--&gt;|&lt;!-- 
		--&gt;No documentation subpage exists yet for this template. [{{fullurl:{{FULLPAGENAMEE:Template:{{{1|{{PAGENAME}}}}}}}/doc|action=edit&amp;preload=Template:Doc/preload}} Create one now].&lt;!--
		--&gt;[[Category:Templates with no documentation]]&lt;!--
	--&gt;}}&lt;!-- leave line break here --&gt;
&lt;!-- documentation text/error box ends here --&gt;
&lt;/div&gt;
&lt;!--	--&gt;{{#ifeq:{{SUBPAGENAME}}|doc|&lt;!--
			--&gt;{{#ifeq:{{BASEPAGENAME}}|Doc|&lt;!--nothing--&gt;|&lt;!-- only if page is not Template:Doc
				--&gt;This is the documentation page, it should be transcluded into the main template page. See {{tlx|doc}} for more information. &lt;!--
				--&gt;[[Category:Template documentation]]&lt;!--
			--&gt;}}&lt;!--
		--&gt;}}&lt;!--
--&gt;&lt;/div&gt;&lt;!--

--&gt;&lt;/includeonly&gt;&lt;!--

--&gt;&lt;noinclude&gt;{{Documentation}}
[[Category:Documentation templates| ]]
&lt;/noinclude&gt;</text>
    <sha1>5e49b1b7e058769b5c2e3e9cc00ddf9271ed8bb8</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Documentation/doc</title>
  <ns>10</ns>
  <id>71</id>
  <revision>
    <id>72</id>
    <timestamp>2024-06-13T17:36:17Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="254" xml:space="preserve">Use {{tl|documentation}} inside of the &lt;code&gt;&lt;nowiki&gt;&lt;noinclude&gt;&lt;/noinclude&gt;&lt;/nowiki&gt;&lt;/code&gt; section on your template. Then create your template at the &lt;code&gt;/doc&lt;/code&gt; subpage of your template.
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>055b0481a1967951c59f15a09b92767c90baa8dd</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:For</title>
  <ns>10</ns>
  <id>72</id>
  <revision>
    <id>73</id>
    <timestamp>2024-06-13T17:36:19Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="638" xml:space="preserve">&lt;includeonly&gt;&lt;!--
--&gt;{{#vardefine:text|&lt;!-- start vd
      
   --&gt;{{#if:{{{3|}}}&lt;!-- if more than one page
      
      --&gt;|[[{{{2}}}]]{{#if:{{{4|}}}&lt;!-- start concat if
         
         --&gt;|, [[{{{3}}}]] and [[{{{4}}}]]&lt;!-- concat two
            
         --&gt;|&lt;nowiki&gt; &lt;/nowiki&gt;and [[{{{3}}}]]&lt;!-- else; concat one
            
      --&gt;}}&lt;!-- end concat if
         
      --&gt;|[[{{{2}}}]]&lt;!-- else; one page only
         
   --&gt;}}&lt;!-- end if
      
--&gt;}}&lt;!-- end vd

--&gt;{{Hatnote|&lt;!--

   --&gt;For {{{1}}}, see {{#var:text}}.&lt;!-- 
   
--&gt;}}&lt;!-- 

--&gt;&lt;/includeonly&gt;&lt;!-- 

--&gt;&lt;noinclude&gt;{{doc}}[[Category:Hatnote templates]]&lt;/noinclude&gt;</text>
    <sha1>1899e48855153617f7c0bf3087b781bc80f0395c</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:For/doc</title>
  <ns>10</ns>
  <id>73</id>
  <revision>
    <id>74</id>
    <timestamp>2024-06-13T17:36:20Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1982" xml:space="preserve">&lt;templatedata&gt;
{
	"params": {
		"1": {
			"label": "Topic",
			"description": "The topic the following pages are about.",
			"example": "more information",
			"type": "line",
			"required": true
		},
		"2": {
			"label": "Related Page",
			"description": "A related page.",
			"example": "Related Page",
			"type": "wiki-page-name",
			"required": true
		},
		"3": {
			"label": "Second Page",
			"description": "A second related page.",
			"example": "Second Related Page",
			"type": "wiki-page-name"
		},
		"4": {
			"label": "Third Page",
			"description": "A third related page.",
			"example": "Third Related Page",
			"type": "wiki-page-name"
		}
	},
	"description": "This hatnote template is meant to be used to show pages related to a topic the reader might want to visit.",
	"paramOrder": [
		"1",
		"2",
		"3",
		"4"
	],
	"format": "inline"
}
&lt;/templatedata&gt;

== Examples ==
{| class="wikitable"
! Code !! Result
|-
| &lt;code&gt;&lt;nowiki&gt;{{For|more information|Special:WantedPages}}&lt;/nowiki&gt;&lt;/code&gt; || {{For|more information|Special:WantedPages}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{For|more information|Special:WantedPages|Special:UncategorizedPages}}&lt;/nowiki&gt;&lt;/code&gt; || {{For|more information|Special:WantedPages|Special:UncategorizedPages}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}&lt;/nowiki&gt;&lt;/code&gt; || {{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{For|more information|Special:WantedPages{{!}}Page 1}}&lt;/nowiki&gt;&lt;/code&gt; (Custom link label) || {{For|more information|Special:WantedPages{{!}}Page 1}}
|}

== Dependencies ==
For this template to work properly, you need the following:
* The {{tl|Hatnote}} base template.
* The &lt;code&gt;.hatnote&lt;/code&gt; class, found in [[MediaWiki:Common.css]].

== Source ==
Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]].

&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>b2a30a9bf8acff259d5e86654a2de69c2d5e4fff</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:From Wikipedia</title>
  <ns>10</ns>
  <id>74</id>
  <revision>
    <id>75</id>
    <timestamp>2024-06-13T17:36:21Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="331" xml:space="preserve">&lt;includeonly&gt;{{Ambox
| color = darkblue
| icon = Wikipedia.svg
| title= This code is adapted from [[wikipedia:Main Page|Wikipedia]].
| message = For the original code, see the following pages: {{#arraymap:{{{1|}}}|,|%s|[[wikipedia:%s|%s]]}}
| tiny = {{{tiny|}}}
| class = {{{class|}}}
}}&lt;/includeonly&gt;&lt;noinclude&gt;{{doc}}&lt;/noinclude&gt;</text>
    <sha1>0bb256ef5acc38fb0cfbdacc22e75aab89bd6e2c</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Gad</title>
  <ns>10</ns>
  <id>75</id>
  <revision>
    <id>76</id>
    <timestamp>2024-06-13T17:36:22Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="114" xml:space="preserve">&lt;code&gt;Gadget - [[MediaWiki:Gadget-{{{1}}}|{{{1}}}]]&lt;/code&gt;&lt;noinclude&gt;[[Category:Formatting templates]]&lt;/noinclude&gt;</text>
    <sha1>3ddc96bdd5961224a208f920b89d07676df2b8ac</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Hatnote</title>
  <ns>10</ns>
  <id>76</id>
  <revision>
    <id>77</id>
    <timestamp>2024-06-13T17:36:23Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="241" xml:space="preserve">&lt;includeonly&gt;&lt;!--

--&gt;&lt;div class="hatnote {{#if:{{{icon|}}}|icon}}"&gt;{{#if:{{{icon|}}}|[[File:{{{icon}}}|x22px]]&lt;nowiki&gt; &lt;/nowiki&gt;}}{{{1|}}}&lt;/div&gt;&lt;!-- 

--&gt;&lt;/includeonly&gt;&lt;!-- 

--&gt;&lt;noinclude&gt;{{doc}}[[Category:Hatnote templates| ]]&lt;/noinclude&gt;</text>
    <sha1>d7a4d8889e7aa401084a21a4a295267f8e910a13</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Hatnote/doc</title>
  <ns>10</ns>
  <id>77</id>
  <revision>
    <id>78</id>
    <timestamp>2024-06-13T17:36:24Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="449" xml:space="preserve">{{No direct use}}

== List of Hatnote Templates ==
* {{tl|Disambiguation}}
* {{tl|Distinguish}}
* {{tl|For}}
* {{tl|Main}}

== Dependencies ==
For this template to work properly, you need the following:
* The &lt;code&gt;.hatnote&lt;/code&gt; class, found in [[MediaWiki:Common.css]].
* The &lt;code&gt;--wiki-body-dynamic-color--secondary--inverted&lt;/code&gt; CSS variable, defined in [[MediaWiki:Common.css]].

&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>146c25eada492520a5b60e4c03108cce6db97b6a</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:I</title>
  <ns>10</ns>
  <id>78</id>
  <revision>
    <id>79</id>
    <timestamp>2024-06-13T17:36:25Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#REDIRECT [[Template:Link icon]]</text>
    <sha1>6ebdedb4de95efaa3e6ca27590e79aca674f2364</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Item icon</title>
  <ns>10</ns>
  <id>79</id>
  <revision>
    <id>80</id>
    <timestamp>2024-06-13T17:36:26Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="141" xml:space="preserve">&lt;includeonly&gt;{{Link icon|{{{1|}}}|{{{2|}}}|type=Item}}&lt;/includeonly&gt;&lt;noinclude&gt;{{documentation}}[[Category:Formatting templates]]&lt;/noinclude&gt;</text>
    <sha1>6564279e3808e659b8034ad4b96f4f9e9e498b57</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Item icon/doc</title>
  <ns>10</ns>
  <id>80</id>
  <revision>
    <id>81</id>
    <timestamp>2024-06-13T17:36:27Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1558" xml:space="preserve">== Summary ==
&lt;templatedata&gt;
{
	"params": {
		"1": {
			"aliases": [
				"page"
			],
			"label": "Page Name",
			"description": "The name for the target page.",
			"example": "Page Name",
			"type": "wiki-page-name",
			"required": true
		},
		"2": {
			"aliases": [
				"label"
			],
			"label": "Link Label",
			"description": "The text to the be displayed on the link icon's label.",
			"example": "Alternative Page Name",
			"type": "line"
		}
	},
	"description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Item).png\".",
	"format": "inline"
}
&lt;/templatedata&gt;

== Examples ==
For the examples below, &lt;code&gt;&lt;nowiki&gt;File:Mystic Feather (Item).png&lt;/nowiki&gt;&lt;/code&gt; was used as the icon for a page called &lt;code&gt;Mystic Feather&lt;/code&gt;.
{| class="wikitable"
! Code !! Result
|-
| &lt;code&gt;&lt;nowiki&gt;{{Item icon|Mystic Feather}}&lt;/nowiki&gt;&lt;/code&gt; || {{Item icon|Mystic Feather}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Item icon|Mystic Feather|Mystic Feathers}}&lt;/nowiki&gt;&lt;/code&gt; || {{Item icon|Mystic Feather|Mystic Feathers}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Item icon|Mystic Feather|notext}}&lt;/nowiki&gt;&lt;/code&gt; || {{Item icon|Mystic Feather|notext}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Item icon|Missing Item}}&lt;/nowiki&gt;&lt;/code&gt; (Missing Page Icon) || {{Item icon|Missing Item}}
|}
== Dependencies==
For this template to work properly, you need the following:
* The base {{tl|Link icon}} template.
* The &lt;code&gt;.link-icon&lt;/code&gt; class and any related classes, found in [[MediaWiki:Common.css]].</text>
    <sha1>4dfcab6f3d3c88596068607685645f29666f0141</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Key</title>
  <ns>10</ns>
  <id>81</id>
  <revision>
    <id>82</id>
    <timestamp>2024-06-13T17:36:28Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="786" xml:space="preserve">&lt;includeonly&gt;&lt;!--

--&gt;{{#vardefine:platform | {{#if: {{{2|}}} | {{#switch: {{lc:{{{1|}}}}}
&lt;!-- Desktop --&gt;
|mouse
|keyboard=keyboard

&lt;!-- Mobile --&gt;
|gesture=gesture

&lt;!-- Microsoft --&gt;
|xboxseries
|xbox=Xbox

|xbox one
|xbone
|xbox1
|xboxone=xboxone

|xbox 360
|xb360
|xbox360
|360=360

&lt;!-- Sony --&gt;
|ps
|ps5
|playstation
|ds
|dualsense=DualSense

|playstation 4
|ps4=ps4

|playstation 3
|ps3=ps3

&lt;!-- Nintendo --&gt;
|ns
|switch=Switch

|wii=wii
}} | undefined }} }}&lt;!--

--&gt;{{#vardefine:key | {{#if: {{{2|}}} | {{ucfirst:{{{2}}}}} | {{ucfirst:{{{1}}}}} }} }}&lt;!--

--&gt;{{#vardefine:img | {{#if: {{{2|}}} | [[File:{{#var:platform}} {{#var:key}}.png|x25px|link=]] }} | Undefined }}&lt;!--
--&gt;&lt;span class="key"&gt;{{#var:img}}&lt;/span&gt;&lt;!--
--&gt;&lt;/includeonly&gt;&lt;!--
--&gt;&lt;noinclude&gt;{{doc}}&lt;/noinclude&gt;</text>
    <sha1>35b1803669bb4b206268281dfce31a8faa448a68</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Key/doc</title>
  <ns>10</ns>
  <id>82</id>
  <revision>
    <id>83</id>
    <timestamp>2024-06-13T17:36:29Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="306" xml:space="preserve">&lt;tabber&gt;
|-|Desktop={{:Template:Key/doc/Keyboard}}

|-|Mobile={{:Template:Key/doc/Gesture}}

|-|Xbox={{:Template:Key/doc/Xbox}}

|-|PlayStation={{:Template:Key/doc/DualSense}}

|-|Nintendo Switch={{:Template:Key/doc/Nintendo Switch}}
&lt;/tabber&gt;
&lt;noinclude&gt;[[Category:Key template documentation]]&lt;/noinclude&gt;</text>
    <sha1>d59bc21844666f81d51a44a0e47551c3e2f06ea1</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Key/doc/DualSense</title>
  <ns>10</ns>
  <id>83</id>
  <revision>
    <id>84</id>
    <timestamp>2024-06-13T17:36:31Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1771" xml:space="preserve">Images Source: [[dev:Category:DualSense_input_images]]

=== Buttons ===
&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Directional}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Directional}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Directional Left}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Directional Left}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Directional Right}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Directional Right}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Directional Up}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Directional Up}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Directional Down}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Directional Down}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Left Stick}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Left Stick}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Right Stick}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Right Stick}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Touch Pad}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Touch Pad}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Circle}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Circle}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Cross}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Cross}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Square}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Square}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Triangle}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Triangle}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Create}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Create}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Options}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Options}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|L1}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|L1}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|R1}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|R1}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|L2}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|L2}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|R2}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|R2}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|L3}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|L3}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|R3}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|R3}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Mute}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Mute}}

&lt;code&gt;&lt;nowiki&gt;{{Key|PS|PS}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|PS}}

=== Diagram ===
&lt;code&gt;&lt;nowiki&gt;{{Key|PS|Controller Diagram}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|PS|Controller Diagram}}

&lt;noinclude&gt;[[Category:Key template documentation]]&lt;/noinclude&gt;</text>
    <sha1>46666b1986cc232e5463c29aa870d1f39ffec583</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Key/doc/Gesture</title>
  <ns>10</ns>
  <id>84</id>
  <revision>
    <id>85</id>
    <timestamp>2024-06-13T17:36:32Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2128" xml:space="preserve">Images Source: [[dev:Category:Gesture_input_images]]
=== Fingers ===
&lt;code&gt;&lt;nowiki&gt;{{key|gesture|finger front}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|finger front}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|finger side}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|finger side}}

=== Tap &amp; Hold ===
&lt;code&gt;&lt;nowiki&gt;{{key|gesture|tap}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|tap}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|double tap}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|double tap}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|hold}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|hold}}

=== Swipe Motions ===
&lt;code&gt;&lt;nowiki&gt;{{key|gesture|swipe bottom left}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|swipe bottom left}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|swipe bottom right}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|swipe bottom right}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|swipe down}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|swipe down}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|swipe left}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|swipe left}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|swipe right}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|swipe right}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|swipe top left}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|swipe top right}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|swipe up}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|swipe up}}

=== Zoom &amp; Scroll ===
&lt;code&gt;&lt;nowiki&gt;{{key|gesture|zoom in}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|zoom in}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|zoom out}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|zoom out}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|scroll down}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|scroll down}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|scroll left}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|scroll left}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|scroll right}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|scroll right}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|scroll up}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|scroll up}}

=== Circular Motions ===
&lt;code&gt;&lt;nowiki&gt;{{key|gesture|double rotate}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|double rotate}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|full circle}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|full circle}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|half circle}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|half circle}}

&lt;code&gt;&lt;nowiki&gt;{{key|gesture|quarter circle}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|gesture|quarter circle}}
__NOTOC__
&lt;noinclude&gt;[[Category:Key template documentation]]&lt;/noinclude&gt;</text>
    <sha1>9ba3327d97d6810dde5c2dcc731a2bd9f50b6d0e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Key/doc/Nintendo Switch</title>
  <ns>10</ns>
  <id>85</id>
  <revision>
    <id>86</id>
    <timestamp>2024-06-13T17:37:35Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2597" xml:space="preserve">Images Source: [[dev:Category:Switch_input_images]]
=== Nintendo Switch ===
&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|a}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|a}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|b}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|b}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|x}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|x}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|y}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|y}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Left Stick}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Left Stick}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Right Stick}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Right Stick}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Left Stick Press}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Left Stick Press}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Right Stick Press}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Right Stick Press}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|-}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|-}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|+}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|+}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Capture}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Capture}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|HOME}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|HOME}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|L}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|L}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|R}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|R}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|ZL}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|ZL}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|ZR}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|ZR}}

=== Pro Controller ===
&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Pro Control Pad}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Pro Control Pad}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Pro Control Pad Left}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Pro Control Pad Left}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Pro Control Pad Right}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Pro Control Pad Right}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Pro Control Pad Up}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Pro Control Pad Up}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Pro Control Pad Down}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Pro Control Pad Down}}

=== Joy-Con ===
&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Directional Left}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Directional Left}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Directional Right}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Directional Right}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Directional Up}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Directional Up}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Directional Down}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Directional Down}}

==== Diagrams ====
&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Joy-Con}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Joy-Con}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Joy-Con Separate}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Joy-Con Separate}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Joy-Con Left}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Joy-Con Left}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Switch|Joy-Con Right}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Switch|Joy-Con Right}}

__NOTOC__
&lt;noinclude&gt;[[Category:Key template documentation]]&lt;/noinclude&gt;</text>
    <sha1>3656bc1084c0bfaa077723e58b10288af7a54e4c</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Key/doc/PS4</title>
  <ns>10</ns>
  <id>86</id>
  <revision>
    <id>87</id>
    <timestamp>2024-06-13T17:37:36Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1390" xml:space="preserve">Images Source: [[dev:Category:PS4_input_images]]
=== D-Pad &amp; Sticks ===
&lt;code&gt;&lt;nowiki&gt;{{key|ps4|dpad}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|dpad}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|left}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|left}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|right}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|right}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|up}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|up}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|down}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|down}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|left stick}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|left stick}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|right stick}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|right stick}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|touch pad}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|touch pad}}

=== Front Buttons ===
&lt;code&gt;&lt;nowiki&gt;{{key|ps4|circle}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|circle}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|cross}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|cross}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|square}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|square}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|triangle}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|triangle}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|share}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|share}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|options}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|options}}

=== Rear Buttons ===
&lt;code&gt;&lt;nowiki&gt;{{key|ps4|l1}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|l1}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|r1}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|r1}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|l2}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|l2}}

&lt;code&gt;&lt;nowiki&gt;{{key|ps4|r2}}&lt;/nowiki&gt;&lt;/code&gt;
{{key|ps4|r2}}
&lt;noinclude&gt;[[Category:Key template documentation]]&lt;/noinclude&gt;</text>
    <sha1>9a5b9ac2240ead8eef67ebf6ca50081c6de18b3b</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:Key/doc/Xbox</title>
  <ns>10</ns>
  <id>87</id>
  <revision>
    <id>88</id>
    <timestamp>2024-06-13T17:37:37Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2542" xml:space="preserve">Images Source: [[dev:Category:Xbox input images]]
=== Series &amp; One ===
&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|A}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|A}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|B}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|B}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|X}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|X}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|Y}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|y}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|Left Thumbstick}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|Left Thumbstick}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|Right Thumbstick}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|Right Thumbstick}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|Left Thumbstick Press}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|Left Thumbstick Press}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|Right Thumbstick Press}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|Right Thumbstick Press}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|LB}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|LB}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|RB}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|RB}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|View}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|View}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|Menu}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|Menu}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|Button}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|Button}}

=== Xbox Series ===
&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|D-pad}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|D-pad}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|D-pad Left}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|D-pad Left}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|D-pad Right}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|D-pad Right}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|D-pad Up}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|D-pad Up}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|D-pad Down}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|D-pad Down}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|LT}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|LT}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|RT}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|RT}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|Share}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|Share}}

==== Diagram ====
&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|Series Controller Diagram}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|Series Controller Diagram}}

=== Xbox One ===
&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|One D-pad}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|D-pad}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|One D-pad Left}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|D-pad Left}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|One D-pad Right}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|D-pad Right}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|One D-pad Up}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|D-pad Up}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|One D-pad Down}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|D-pad Down}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|One Left Trigger}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|One Left Trigger}}

&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|One Right Trigger}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|One Right Trigger}}

==== Diagram ====
&lt;code&gt;&lt;nowiki&gt;{{Key|Xbox|One Controller Diagram}}&lt;/nowiki&gt;&lt;/code&gt;
{{Key|Xbox|One Controller Diagram}}

&lt;noinclude&gt;[[Category:Key template documentation]]&lt;/noinclude&gt;</text>
    <sha1>1d2071cc78fa85a6c9824b188bea921c10d533f7</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:License</title>
  <ns>10</ns>
  <id>88</id>
  <revision>
    <id>89</id>
    <timestamp>2024-06-13T17:37:39Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="118" xml:space="preserve">&lt;includeonly&gt;{{License/{{{1|nolicense}}}|source={{{source|}}}}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>97ce18acc45bafbcf8fbbf066408a1e8ca46f82e</sha1>
  </revision>
  <revision>
    <id>90</id>
    <parentid>89</parentid>
    <timestamp>2024-06-13T17:37:39Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="118" xml:space="preserve">&lt;includeonly&gt;{{License/{{{1|nolicense}}}|source={{{source|}}}}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>97ce18acc45bafbcf8fbbf066408a1e8ca46f82e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:License/CC-BY</title>
  <ns>10</ns>
  <id>89</id>
  <revision>
    <id>91</id>
    <timestamp>2024-06-13T17:37:40Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="361" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY
| icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]]
| text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>956c4b541bf09eae168956e88b0723f17909801b</sha1>
  </revision>
  <revision>
    <id>92</id>
    <parentid>91</parentid>
    <timestamp>2024-06-13T17:37:40Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/CC-BY]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="361" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY
| icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]]
| text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>956c4b541bf09eae168956e88b0723f17909801b</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:License/CC-BY-NC</title>
  <ns>10</ns>
  <id>90</id>
  <revision>
    <id>93</id>
    <timestamp>2024-06-13T17:37:41Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="390" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY-NC
| icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]]
| text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>0a71686704d05cbe6c47127502d6efbcfbc07aaa</sha1>
  </revision>
  <revision>
    <id>94</id>
    <parentid>93</parentid>
    <timestamp>2024-06-13T17:37:42Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/CC-BY-NC]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="390" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY-NC
| icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]]
| text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>0a71686704d05cbe6c47127502d6efbcfbc07aaa</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:License/CC-BY-NC-ND</title>
  <ns>10</ns>
  <id>91</id>
  <revision>
    <id>95</id>
    <timestamp>2024-06-13T17:37:43Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="414" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY-NC-ND
| icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]]
| text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>d2662f8aed08d926b744cdc1263786bb06e84f56</sha1>
  </revision>
  <revision>
    <id>96</id>
    <parentid>95</parentid>
    <timestamp>2024-06-13T17:37:43Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/CC-BY-NC-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="414" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY-NC-ND
| icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]]
| text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>d2662f8aed08d926b744cdc1263786bb06e84f56</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:License/CC-BY-NC-SA</title>
  <ns>10</ns>
  <id>92</id>
  <revision>
    <id>97</id>
    <timestamp>2024-06-13T17:37:44Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="416" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY-NC-SA
| icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]]
| text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>0aebf809772f77e9f40a27a46cbead47b0f23637</sha1>
  </revision>
  <revision>
    <id>98</id>
    <parentid>97</parentid>
    <timestamp>2024-06-13T17:37:45Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/CC-BY-NC-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="416" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY-NC-SA
| icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]]
| text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>0aebf809772f77e9f40a27a46cbead47b0f23637</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:License/CC-BY-ND</title>
  <ns>10</ns>
  <id>93</id>
  <revision>
    <id>99</id>
    <timestamp>2024-06-13T17:37:46Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="385" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY-ND
| icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]]
| text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>9a591941dc48084ecdd082f576380411b1406230</sha1>
  </revision>
  <revision>
    <id>100</id>
    <parentid>99</parentid>
    <timestamp>2024-06-13T17:37:46Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/CC-BY-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="385" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY-ND
| icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]]
| text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>9a591941dc48084ecdd082f576380411b1406230</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:License/CC-BY-SA</title>
  <ns>10</ns>
  <id>94</id>
  <revision>
    <id>101</id>
    <timestamp>2024-06-13T17:37:47Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="387" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY-SA
| icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]]
| text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>43ba316c09d5eea2d13222f551d084eeaa807011</sha1>
  </revision>
  <revision>
    <id>102</id>
    <parentid>101</parentid>
    <timestamp>2024-06-13T17:37:48Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/CC-BY-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="387" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-BY-SA
| icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]]
| text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>43ba316c09d5eea2d13222f551d084eeaa807011</sha1>
  </revision>
</page>
<page arvcontinue="20240613173558|54">
  <title>Template:License/CC-PD</title>
  <ns>10</ns>
  <id>95</id>
  <revision>
    <id>103</id>
    <timestamp>2024-06-13T17:37:48Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="375" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-PD
| icon = [[File:CC-PD.svg|x50px|link=|Public Domain]]
| text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide.
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>729aa1019207fed07b48064e2032cc53c6346f25</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:License/CC-PD</title>
  <ns>10</ns>
  <id>95</id>
  <revision>
    <id>104</id>
    <parentid>103</parentid>
    <timestamp>2024-06-13T17:37:49Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/CC-PD]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="375" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-PD
| icon = [[File:CC-PD.svg|x50px|link=|Public Domain]]
| text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide.
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>729aa1019207fed07b48064e2032cc53c6346f25</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:License/CC-SRR</title>
  <ns>10</ns>
  <id>96</id>
  <revision>
    <id>105</id>
    <timestamp>2024-06-13T17:37:49Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="289" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-SRR
| icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]]
| text = This file is under the Creative Commons Some Rights Reserved License.
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>9f9699ab0bd08dd66c0f61ec3b2455905e40bdf5</sha1>
  </revision>
  <revision>
    <id>106</id>
    <parentid>105</parentid>
    <timestamp>2024-06-13T17:37:50Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/CC-SRR]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="289" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC-SRR
| icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]]
| text = This file is under the Creative Commons Some Rights Reserved License.
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>9f9699ab0bd08dd66c0f61ec3b2455905e40bdf5</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:License/CC0</title>
  <ns>10</ns>
  <id>97</id>
  <revision>
    <id>107</id>
    <timestamp>2024-06-13T17:37:51Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="343" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC0
| icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]]
| text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>5b4bdd9526f2eee026aaa54d08d4b75c91cf2200</sha1>
  </revision>
  <revision>
    <id>108</id>
    <parentid>107</parentid>
    <timestamp>2024-06-13T17:37:51Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/CC0]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="343" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = CC0
| icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]]
| text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>5b4bdd9526f2eee026aaa54d08d4b75c91cf2200</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:License/Fairuse</title>
  <ns>10</ns>
  <id>98</id>
  <revision>
    <id>109</id>
    <timestamp>2024-06-13T17:37:52Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="38" xml:space="preserve">#redirect [[Template:License/fairuse]]</text>
    <sha1>ecb7db41961bb5256d571593ca3f90ae1e199a3e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:License/doc</title>
  <ns>10</ns>
  <id>99</id>
  <revision>
    <id>110</id>
    <timestamp>2024-06-13T17:37:53Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1525" xml:space="preserve">This template is to be used in a Licensing heading on file pages to denote the file's license.

== Available Licenses ==

=== Game ===
* Usage: &lt;nowiki&gt;{{License|game}}&lt;/nowiki&gt;
{{License|game}}

=== Fairuse ===
* Usage: &lt;nowiki&gt;{{License|fairuse}}&lt;/nowiki&gt;
{{License|fairuse}}

=== CC0 ===
* Usage: &lt;nowiki&gt;{{License|CC0}}&lt;/nowiki&gt;
{{License|CC0}}

=== CC-BY-NC-ND ===
* Usage: &lt;nowiki&gt;{{License|CC-BY-NC-ND}}&lt;/nowiki&gt;
{{License|CC-BY-NC-ND}}

=== CC-BY-NC-SA ===
* Usage: &lt;nowiki&gt;{{License|CC-BY-NC-SA}}&lt;/nowiki&gt;
{{License|CC-BY-NC-SA}}

=== CC-BY-NC ===
* Usage: &lt;nowiki&gt;{{License|CC-BY-NC}}&lt;/nowiki&gt;
{{License|CC-BY-NC}}

=== CC-BY-ND ===
* Usage: &lt;nowiki&gt;{{License|CC-BY-ND}}&lt;/nowiki&gt;
{{License|CC-BY-ND}}

=== CC-BY-SA ===
* Usage: &lt;nowiki&gt;{{License|CC-BY-SA}}&lt;/nowiki&gt;
{{License|CC-BY-SA}}

=== CC-BY ===
* Usage: &lt;nowiki&gt;{{License|CC-BY}}&lt;/nowiki&gt;
{{License|CC-BY}}

=== CC-PD ===
* Usage: &lt;nowiki&gt;{{License|CC-PD}}&lt;/nowiki&gt;
{{License|CC-PD}}

=== CC-SRR ===
* Usage: &lt;nowiki&gt;{{License|CC-SRR}}&lt;/nowiki&gt;
{{License|CC-SRR}}

'''Providing no parameter (or invalid one) defaults to the nolicense notice:'''

&lt;nowiki&gt;{{License}}&lt;/nowiki&gt;{{License}}

'''Source parameter (optional):'''

The source parameter accepts a url to the source where the file came from if necessary for attribution.

Example:

&lt;nowiki&gt;{{License|game|source=https://indie.io/}}&lt;/nowiki&gt;
{{License|game|source=https://indie.io/}}

&lt;includeonly&gt;
[[Category:License templates]]
&lt;/includeonly&gt;
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>113b2d3883036729bbc13660742433cdde30a5e8</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:License/fairuse</title>
  <ns>10</ns>
  <id>100</id>
  <revision>
    <id>111</id>
    <timestamp>2024-06-13T17:37:54Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="467" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = fairuse
| darkIcon = yes
| icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]
| text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>ab575747427e43b6d5dc2d98e19579ebd2dac54e</sha1>
  </revision>
  <revision>
    <id>112</id>
    <parentid>111</parentid>
    <timestamp>2024-06-13T17:37:54Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/fairuse]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="467" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = fairuse
| darkIcon = yes
| icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]
| text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law].
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>ab575747427e43b6d5dc2d98e19579ebd2dac54e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:License/game</title>
  <ns>10</ns>
  <id>101</id>
  <revision>
    <id>113</id>
    <timestamp>2024-06-13T17:37:55Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="570" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = developer
| darkIcon = yes
| icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]
| text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the indie.io [https://www.indie.io/terms-of-service Terms of Use].&lt;br/&gt;
All trademarks and registered trademarks present in the file are proprietary to indie.io and/or its licensors.
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>95a0e82b8c345c3802d7eef4afbff212056b5b66</sha1>
  </revision>
  <revision>
    <id>114</id>
    <parentid>113</parentid>
    <timestamp>2024-06-13T17:37:56Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/game]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="570" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = developer
| darkIcon = yes
| icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]
| text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the indie.io [https://www.indie.io/terms-of-service Terms of Use].&lt;br/&gt;
All trademarks and registered trademarks present in the file are proprietary to indie.io and/or its licensors.
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>95a0e82b8c345c3802d7eef4afbff212056b5b66</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:License/nolicense</title>
  <ns>10</ns>
  <id>102</id>
  <revision>
    <id>115</id>
    <timestamp>2024-06-13T17:37:56Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="387" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = nolicense
| icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]]
| text = Please select the proper license for this file by adding the proper parameter to &lt;nowiki&gt;{{License}}&lt;/nowiki&gt;. See [[Template:License]] for details.
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>6fcc074a49246120434bbc0a2d2fb6364018548a</sha1>
  </revision>
  <revision>
    <id>116</id>
    <parentid>115</parentid>
    <timestamp>2024-06-13T17:37:57Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/nolicense]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="387" xml:space="preserve">&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = nolicense
| icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]]
| text = Please select the proper license for this file by adding the proper parameter to &lt;nowiki&gt;{{License}}&lt;/nowiki&gt;. See [[Template:License]] for details.
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>6fcc074a49246120434bbc0a2d2fb6364018548a</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:License/template</title>
  <ns>10</ns>
  <id>103</id>
  <revision>
    <id>117</id>
    <timestamp>2024-06-13T17:37:58Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="531" xml:space="preserve">&lt;includeonly&gt;&lt;!--

--&gt;&lt;div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"&gt;
&lt;div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}"&gt;{{{icon|}}}&lt;/div&gt;
&lt;div class="text"&gt;{{{text|}}}{{#if:{{{source|}}}|&lt;br/&gt;&lt;span class="source"&gt;Source:&amp;nbsp;{{{source|}}}&lt;/span&gt;}}{{{text2|}}}&lt;/div&gt;
&lt;/div&gt;&lt;!--

--&gt;&lt;/includeonly&gt;&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8</sha1>
  </revision>
  <revision>
    <id>118</id>
    <parentid>117</parentid>
    <timestamp>2024-06-13T17:37:58Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Template:License/template]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="531" xml:space="preserve">&lt;includeonly&gt;&lt;!--

--&gt;&lt;div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"&gt;
&lt;div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}"&gt;{{{icon|}}}&lt;/div&gt;
&lt;div class="text"&gt;{{{text|}}}{{#if:{{{source|}}}|&lt;br/&gt;&lt;span class="source"&gt;Source:&amp;nbsp;{{{source|}}}&lt;/span&gt;}}{{{text2|}}}&lt;/div&gt;
&lt;/div&gt;&lt;!--

--&gt;&lt;/includeonly&gt;&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Link icon</title>
  <ns>10</ns>
  <id>104</id>
  <revision>
    <id>119</id>
    <timestamp>2024-06-13T17:37:59Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1549" xml:space="preserve">&lt;includeonly&gt;{{#vardefine:target|{{{1|}}}&lt;!-- end vd --&gt;}}&lt;!--
--&gt;{{#vardefine:display|{{#if:{{{2|}}}|{{{2}}}|{{{1}}}&lt;!-- end if --&gt;}}&lt;!-- end vd --&gt;}}&lt;!--
--&gt;{{#vardefine:iconSize|1.2em}}&lt;!--
--&gt;{{#vardefine:lineHeight|1lh}}&lt;!--
--&gt;{{#vardefine:fileExists|{{filepath:{{#var:target}} ({{{type}}}).png}}}}&lt;!--

--&gt;{{#ifeq: {{{2|}}} | notext &lt;!-- start if notext

--&gt;|&lt;span class="link-icon notext" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"&gt;&lt;!-- start notext icon element

   --&gt;{{#if: {{#var:fileExists}} &lt;!-- start icon if
   --&gt;| &lt;span class="regular"&gt;[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]&lt;/span&gt;&lt;!-- end regular icon
   --&gt;| &lt;span class="fallback"&gt;[[File:{{{1}}} ({{{type}}}).png|?]]&lt;/span&gt;&lt;!-- end fallback icon (?)
   --&gt;}}&lt;!-- end icon if
   
--&gt;&lt;/span&gt;&lt;!-- end notext icon

--&gt;|&lt;span class="link-icon" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"&gt;&lt;!-- start icon + text element

   --&gt;{{#if: {{#var:fileExists}} &lt;!-- start icon if
   --&gt;| &lt;span class="regular"&gt;[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]&lt;/span&gt;&lt;!-- end regular icon
   --&gt;| &lt;span class="fallback"&gt;[[File:{{{1}}} ({{{type}}}).png|?]]&lt;/span&gt;&lt;!-- end fallback icon (?)
   --&gt;}}&amp;nbsp;&lt;!-- end icon if
   
   --&gt;&lt;span class="display-text"&gt;[[{{#var:target}}|{{#var:display}}]]&lt;/span&gt;&lt;!-- end display text

--&gt;}}&lt;!-- start if notext
   
--&gt;&lt;/span&gt;&lt;/includeonly&gt;&lt;noinclude&gt;{{Documentation}}[[Category:Formatting templates]]&lt;/noinclude&gt;</text>
    <sha1>4e9bb37a48d63bb6b56f32d260dc74f64011e4af</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Link icon/doc</title>
  <ns>10</ns>
  <id>105</id>
  <revision>
    <id>120</id>
    <timestamp>2024-06-13T17:38:00Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="328" xml:space="preserve">{{No direct use}}

== List of link icon templates ==
* {{tl|Character icon}}
* {{tl|Item icon}}
== Dependencies==
For this template to work properly, you need the following:
* The &lt;code&gt;.link-icon&lt;/code&gt; class and any related classes, found in [[MediaWiki:Common.css]].
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>654dfb540ea31a810ef53c3820862942e63b2e8a</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Luadoc</title>
  <ns>10</ns>
  <id>106</id>
  <revision>
    <id>121</id>
    <timestamp>2024-06-13T17:38:01Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="238" xml:space="preserve">&lt;noinclude&gt;[[Category:Documentation templates]]&lt;/noinclude&gt;&lt;div class="luadoc"&gt;Edit the [[{{FULLPAGENAME}}/doc|documentation or categories]] for this module. {{#ifexist:{{FULLPAGENAME}}/i18n|This module has an [[/i18n|i18n file]].}}&lt;/div&gt;</text>
    <sha1>5df079d8f61782274d2ab1da5c43526c4229362c</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:MP link</title>
  <ns>10</ns>
  <id>107</id>
  <revision>
    <id>122</id>
    <timestamp>2024-06-13T17:38:03Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="273" xml:space="preserve">&lt;includeonly&gt;{{#if:{{{image|}}}|[[File:{{{image|}}}|{{{size|42px}}}|link={{{link|{{{1|}}}}}}]]}}&lt;!--
--&gt;{{#if:{{#pos:{{{link|}}}|http}}|[{{{link|}}} {{{1|}}}]|[[{{{link|{{{1|}}}}}}|{{{1|}}}]]}}&lt;/includeonly&gt;&lt;noinclude&gt;
{{doc}}
[[Category:Formatting templates]]
&lt;/noinclude&gt;</text>
    <sha1>b5f7c06404f70f0e717c635e4516a43801d501a6</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:MP link/doc</title>
  <ns>10</ns>
  <id>108</id>
  <revision>
    <id>123</id>
    <timestamp>2024-06-13T17:38:04Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2825" xml:space="preserve">This creates one of the stylized and formatted links on the [[{{SITENAME}}|main page]].

== Usage ==
Groups of this template should be wrapped inside of &lt;code&gt;&lt;nowiki&gt;&lt;div class="mp-links"&gt;&lt;/div&gt;&lt;/nowiki&gt;&lt;/code&gt; and each entry should be a separate line in an [[wikipedia:Help:Lists#Basically|unordered list]]. This div can be given one of the classes &lt;code&gt;columns-x&lt;/code&gt; where x is a number from 1 to 5, and the links will line up in that many columns if space permits (default is 3). The div can also optionally be given the class &lt;code&gt;stretch&lt;/code&gt; and it will stretch the list vertically to fill empty space. See [[Mediawiki:Common.css]] for the full definitions of these classes and styling for this template.

===Parameters===
&lt;templatedata&gt;
{
    "description": {
        "en": "Creates stylized and formatted links on the main page."
    },
    "format": "inline",
    "params": {
        "1": {
            "label": {
                "en": "Text"
            },
            "description": {
                "en": "The text to display. If the link parameter is not given, this will also be the link target."
            },
            "required": true,
            "example": "Stuff",
            "type": "string"
        },
        "link": {
            "label": {
                "en": "Link"
            },
            "description": {
                "en": "The target page for the link, if different than the display text."
            },
            "required": false,
            "example": "Main Page",
            "type": "wiki-page-name"
        },
        "image": {
            "label": {
                "en": "Image"
            },
            "description": {
                "en": "An image to display with the link."
            },
            "required": false,
            "suggested": true,
            "type": "wiki-file-name"
        },
        "size": {
            "label": {
                "en": "Image size"
            },
            "description": {
                "en": "The size of the image, in px."
            },
            "required": false,
            "default": "42px",
            "type": "string"
        }
    },
    "paramOrder": [
        "1",
        "link",
        "image",
        "size"
    ]
}
&lt;/templatedata&gt;

==Examples==
&lt;pre&gt;
&lt;div class="mp-links columns-3"&gt;
* {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}}
* {{MP link|Things|link=Special:Random}}
* {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}}
&lt;/div&gt;
&lt;/pre&gt;
Produces:
&lt;div class="mp-links columns-3"&gt;
* {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}}
* {{MP link|Things|link=Special:Random}}
* {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}}
&lt;/div&gt;

&lt;noinclude&gt;
[[Category:Template documentation]]
&lt;/noinclude&gt;</text>
    <sha1>414ab9c9cbd6e62064acc46ccbd3768fa986c66b</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Main</title>
  <ns>10</ns>
  <id>109</id>
  <revision>
    <id>124</id>
    <timestamp>2024-06-13T17:38:04Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="666" xml:space="preserve">&lt;includeonly&gt;&lt;!--
--&gt;{{#vardefine:text|&lt;!-- start vd
      
   --&gt;{{#if:{{{2|}}}&lt;!-- if more than one page
      
      --&gt;|[[{{{1}}}]]{{#if:{{{3|}}}&lt;!-- start concat if
         
         --&gt;|, [[{{{2}}}]] and [[{{{3}}}]]&lt;!-- concat two
            
         --&gt;|&lt;nowiki&gt; &lt;/nowiki&gt;and [[{{{2}}}]]&lt;!-- else; concat one
            
      --&gt;}}&lt;!-- end concat if
         
      --&gt;|[[{{{1}}}]]&lt;!-- else; one page only
         
   --&gt;}}&lt;!-- end if
      
--&gt;}}&lt;!-- end vd

--&gt;{{Hatnote|&lt;!--

   --&gt;{{#if:{{{2|}}}|Main Articles|Main Article}}: {{#var:text}}.&lt;!-- 
   
--&gt;}}&lt;!-- 

--&gt;&lt;/includeonly&gt;&lt;!-- 

--&gt;&lt;noinclude&gt;{{doc}}[[Category:Hatnote templates]]&lt;/noinclude&gt;</text>
    <sha1>6efc935aca87f0cd986b92de62e51203fd240f7e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Main/doc</title>
  <ns>10</ns>
  <id>110</id>
  <revision>
    <id>125</id>
    <timestamp>2024-06-13T17:38:05Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1693" xml:space="preserve">&lt;templatedata&gt;
{
	"params": {
		"1": {
			"label": "Article",
			"description": "A main article.",
			"example": "Article",
			"type": "wiki-page-name",
			"required": true
		},
		"2": {
			"label": "Second Article",
			"description": "A second main article.",
			"example": "Second Article",
			"type": "wiki-page-name"
		},
		"3": {
			"label": "Third Article",
			"description": "A third main article.",
			"example": "Third Article",
			"type": "wiki-page-name"
		}
	},
	"description": "This hatnote template is meant to be in sections of an article mentioning information about another existing main article.",
	"paramOrder": [
		"1",
		"2",
		"3"
	],
	"format": "inline"
}
&lt;/templatedata&gt;

== Examples ==
{| class="wikitable"
! Code !! Result
|-
| &lt;code&gt;&lt;nowiki&gt;{{Main|Special:WantedPages}}&lt;/nowiki&gt;&lt;/code&gt; || {{Main|Special:WantedPages}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Main|Special:WantedPages#Section Title}}&lt;/nowiki&gt;&lt;/code&gt; || {{Main|Special:WantedPages#Section Title}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Main|Special:WantedPages|Special:UncategorizedPages}}&lt;/nowiki&gt;&lt;/code&gt; || {{Main|Special:WantedPages|Special:UncategorizedPages}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}&lt;/nowiki&gt;&lt;/code&gt; || {{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}
|-
| &lt;code&gt;&lt;nowiki&gt;{{Main|Special:WantedPages{{!}}Page 1}}&lt;/nowiki&gt;&lt;/code&gt; (Custom link label) || {{Main|Special:WantedPages{{!}}Page 1}}
|}

== Dependencies ==
This template requires the {{tl|Hatnote}} metatemplate.

== Source ==
Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]].

&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>dd762adeece0f944821cb81ee14a8bd9cb539b22</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Merge</title>
  <ns>10</ns>
  <id>111</id>
  <revision>
    <id>126</id>
    <timestamp>2024-06-13T17:38:07Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="408" xml:space="preserve">&lt;includeonly&gt;{{Ambox
| color = purple
| icon = Merge.svg
| message = It has been proposed that this page be [[support:Merge|merged]] with [[{{{1}}}]].
| tiny = {{{tiny|}}}
| class = {{{class|}}}
| date = {{{date|}}}
}}&lt;!--

--&gt;{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for merging]]}}&lt;/includeonly&gt;&lt;!--

--&gt;&lt;noinclude&gt;{{Merge|Template:Merge|nocat=yes}}
{{doc|Template:Ambox/doc}}&lt;/noinclude&gt;</text>
    <sha1>9975c110e793cc1943eac9ea8e62257d704ab853</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Merge/doc</title>
  <ns>10</ns>
  <id>112</id>
  <revision>
    <id>127</id>
    <timestamp>2024-06-13T17:38:08Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#REDIRECT [[Template:Ambox/doc]]</text>
    <sha1>286a3914c1d2770ff27394ac3d3f36a685542cb8</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Ml</title>
  <ns>10</ns>
  <id>113</id>
  <revision>
    <id>128</id>
    <timestamp>2024-06-13T17:38:09Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="304" xml:space="preserve">&lt;code&gt;{{[[Module:{{{1}}}|{{{1}}}]]}}&lt;sup&gt;m&lt;/sup&gt;{{#if:{{{2|}}}|.{{{2}}}()}}&lt;/code&gt;&lt;noinclude&gt;
* &lt;code&gt;&lt;nowiki&gt;{{Ml|Example}}&lt;/nowiki&gt;&lt;/code&gt; generates {{Ml|Example}}.
* &lt;code&gt;&lt;nowiki&gt;{{Ml|ProcessArgs|norm}}&lt;/nowiki&gt;&lt;/code&gt; generates {{Ml|ProcessArgs|norm}}.
[[Category:Formatting templates]]
&lt;/noinclude&gt;</text>
    <sha1>fbeb0794faecce9ff02ad11f9c7cb9dc8fdf4fec</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Move</title>
  <ns>10</ns>
  <id>114</id>
  <revision>
    <id>129</id>
    <timestamp>2024-06-13T17:38:10Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="400" xml:space="preserve">&lt;includeonly&gt;{{Ambox
| color = darkorange
| icon = Move.svg
| message = It has been proposed that this page be moved to [[{{{1}}}]].
| tiny = {{{tiny|}}}
| class = {{{class|}}}
| date = {{{date|}}}
}}&lt;!--

--&gt;{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for moving]]}}&lt;/includeonly&gt;&lt;!--

--&gt;&lt;noinclude&gt;{{Move|Template:Ambox{{!}}Example|nocat=yes}}
{{doc|Template:Ambox/doc}}&lt;/noinclude&gt;</text>
    <sha1>dc4fd9090208e453457d6d2df193b9a7ee3b562d</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Move/doc</title>
  <ns>10</ns>
  <id>115</id>
  <revision>
    <id>130</id>
    <timestamp>2024-06-13T17:38:12Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#REDIRECT [[Template:Ambox/doc]]</text>
    <sha1>286a3914c1d2770ff27394ac3d3f36a685542cb8</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Navbox</title>
  <ns>10</ns>
  <id>116</id>
  <revision>
    <id>131</id>
    <timestamp>2024-06-13T17:38:13Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="126" xml:space="preserve">&lt;includeonly&gt;{{#invoke:Navbox|navbox}}&lt;/includeonly&gt;&lt;noinclude&gt;[[Category:Navigation templates]] {{documentation}}&lt;/noinclude&gt;</text>
    <sha1>77a8826ed2275625c76b3bdbb1905ea21d63d23c</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Navbox/doc</title>
  <ns>10</ns>
  <id>117</id>
  <revision>
    <id>132</id>
    <timestamp>2024-06-13T17:38:14Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="13929" xml:space="preserve">{{UsesLua|Navbox}}
This template allows a navigational template to be set up relatively quickly by supplying it with one or more lists of links. Using this template is highly recommended for standardization of navigational templates, and for ease of use.

== Usage ==
Please remove the parameters that are left blank.

&lt;syntaxhighlight lang="wikitext" style="overflow: auto;"&gt;{{Navbox
| name       = {{subst:PAGENAME}}
| title      =
| listclass  = hlist
| state      = {{{state|}}}

| above      =
| image      =

| group1     =
| list1      =

| group2     =
| list2      =

| group3     =
| list3      =

&lt;!-- ... --&gt;

| below      =
}}
&lt;/syntaxhighlight&gt;

== Parameter list ==
{{Navbox
| name   = Navbox/doc
| state  = uncollapsed
| title  = {{{title}}}
| above  = {{{above}}}
| image  = {{{image}}}
| group1 = {{{group1}}}
| list1  = {{{list1}}}
| group2 = {{{group2}}}
| list2  = {{{list2}}}
| list3  = {{{list3}}} ''without {{{group3}}}''
| group4 = {{{group4}}}
| list4  = {{{list4}}}
| below  = {{{below}}}
}}

The navbox uses lowercase parameter names, as shown in the box (''above''). The required ''name'' and ''title'' will create a one-line box if other parameters are omitted.

Notice "group1" (etc.) is optional, as are sections named "above/below".
{{clear}}
The basic and most common parameters are as follows (see [[#Parameter descriptions|below]] for the full list):

: &lt;code&gt;name&lt;/code&gt; – the name of the template.
: &lt;code&gt;title&lt;/code&gt; – text in the title bar, such as: &lt;nowiki&gt;[[Widget stuff]]&lt;/nowiki&gt;.
: &lt;code&gt;class&lt;/code&gt; - an optional CSS class for the entire navbox, to enable custom styling.
: &lt;code&gt;listclass&lt;/code&gt; – a CSS class for the list cells, usually &lt;code&gt;hlist&lt;/code&gt; for horizontal lists.
: &lt;code&gt;state&lt;/code&gt; – controls when a navbox is expanded or collapsed.
: &lt;code&gt;above&lt;/code&gt; – text to appear above the group/list section (could be a list of overall wikilinks).
: &lt;code&gt;image&lt;/code&gt; – an optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as &lt;code&gt;&lt;nowiki&gt;[[File:&lt;/nowiki&gt;&lt;var&gt;XX&lt;/var&gt;&lt;nowiki&gt;.jpg|80px|link=|alt=]]&lt;/nowiki&gt;&lt;/code&gt;.
: &lt;code&gt;imageleft&lt;/code&gt; – an optional left-side image (code the same as the "image" parameter).
: &lt;code&gt;group&lt;sub&gt;n&lt;/sub&gt;&lt;/code&gt; – the left-side text before list-n (if group-n omitted, list-n starts at left of box).
: &lt;code&gt;list&lt;sub&gt;n&lt;/sub&gt;&lt;/code&gt; – text listing wikilinks using a [[wikipedia:Help:Lists|wikilist]] format.
: &lt;code&gt;below&lt;/code&gt; – optional text to appear below the group/list section.

== Parameter descriptions ==
The following is a complete list of parameters for using {{tlx|Navbox}}.  In most cases, the only required parameters are &lt;code&gt;name&lt;/code&gt;, &lt;code&gt;title&lt;/code&gt;, and &lt;code&gt;list1&lt;/code&gt;.

=== Setup parameters ===
:; ''name''
:: The name of the template, which is needed for the "V&amp;nbsp;• T&amp;nbsp;• E" ("View&amp;nbsp;• Talk&amp;nbsp;• Edit") links to work properly on all pages where the template is used. You can enter &lt;code&gt;&lt;nowiki&gt;{{subst:PAGENAME}}&lt;/nowiki&gt;&lt;/code&gt; for this value as a shortcut.  The name parameter is only mandatory if a &lt;code&gt;title&lt;/code&gt; is specified, and the &lt;code&gt;border&lt;/code&gt; parameter is not set, and the &lt;code&gt;navbar&lt;/code&gt; parameter is not used to disable the navbar.
:; ''state'' &lt;span style="font-weight:normal;"&gt;[&lt;code&gt;autocollapse, collapsed, expanded, plain, off&lt;/code&gt;]&lt;/span&gt;
:* Defaults to &lt;code&gt;autocollapse&lt;/code&gt;. A navbox with &lt;code&gt;autocollapse&lt;/code&gt; will start out collapsed if there are two or more tables on the same page that use other collapsible tables. Otherwise, the navbox will be expanded.
:* If set to &lt;code&gt;collapsed&lt;/code&gt;, the navbox will always start out in a collapsed state.
:* If set to &lt;code&gt;expanded&lt;/code&gt;, the navbox will always start out in an expanded state.
:* If set to &lt;code&gt;plain&lt;/code&gt;, the navbox will always be expanded with no [hide] link on the right, and the title will remain centered (by using padding to offset the &lt;small&gt;V&amp;nbsp;• T&amp;nbsp;• E&lt;/small&gt; links).
:* If set to &lt;code&gt;off&lt;/code&gt;, the navbox will always be expanded with no [hide] link on the right, but no padding will be used to keep the title centered.  This is for advanced use only; the "plain" option should suffice for most applications where the [show]/[hide] button needs to be hidden.
: To show the box when standalone (non-included) but then auto-hide contents when in an article, put "expanded" inside &lt;code&gt;&amp;lt;noinclude|&amp;gt;&lt;/code&gt;...&lt;code&gt;&amp;lt;/noinclude|&amp;gt;&lt;/code&gt; tags. This setting will force the box visible when standalone (even when followed by other boxes), displaying "[hide]", but then it will auto-collapse the box when stacked inside an article:
:: &lt;code&gt;&lt;nowiki&gt;| state =&amp;nbsp;&lt;/nowiki&gt;&lt;/code&gt;&lt;code&gt;&amp;lt;noinclude|&amp;gt;&lt;/code&gt;expanded&lt;code&gt;&amp;lt;/noinclude|&amp;gt;&lt;/code&gt;
: Often times, editors will want a default initial state for a navbox, which may be overridden in an article. Here is the trick to do this:
:* In your intermediate template, create a parameter also named "state" as a pass-through like this:
:: &lt;code&gt;&lt;nowiki&gt;| state = {{{state&lt;includeonly&gt;|your_desired_initial_state&lt;/includeonly&gt;}}}&lt;/nowiki&gt;&lt;/code&gt;
:* The &lt;code&gt;&amp;lt;includeonly&amp;gt;&lt;/code&gt;&lt;code&gt;|&lt;/code&gt; will make the template expanded when viewing the template page by itself.
:; ''navbar''
:: If set to &lt;code&gt;plain&lt;/code&gt;, the &lt;span style="font-size: 88%;"&gt;V&amp;nbsp;• T&amp;nbsp;• E&lt;/span&gt; links on the left side of the titlebar will not be displayed, and padding will be automatically used to keep the title centered.  Use &lt;code&gt;off&lt;/code&gt; to remove the &lt;span style="font-size: 88%;"&gt;V&amp;nbsp;• T&amp;nbsp;• E&lt;/span&gt; links, but not apply padding (this is for advanced use only; the "plain" option should suffice for most applications where a navbar is not desired). It is highly recommended that one not hide the navbar, in order to make it easier for users to edit the template, and to keep a standard style across pages.

: ''See later section on [[#Child navboxes|using navboxes within one another]] for examples and a more complete description.'' If set to &lt;code&gt;child&lt;/code&gt; or &lt;code&gt;subgroup&lt;/code&gt;, then the navbox can be used as a borderless child that fits snugly in another navbox. The border is hidden and there is no padding on the sides of the table, so it fits into the ''list'' area of its parent navbox. If set to &lt;code&gt;none&lt;/code&gt;, then the border is hidden and padding is removed, and the navbox may be used as a child of another container (do not use the &lt;code&gt;none&lt;/code&gt; option inside of another navbox; similarly, only use the &lt;code&gt;child&lt;/code&gt;/&lt;code&gt;subgroup&lt;/code&gt; option inside of another navbox). If set to anything else (default), then a regular navbox is displayed with a 1px border. An alternate way to specify the border to be a subgroup style is like this (i.e. use the first unnamed parameter instead of the named ''border'' parameter):
:&lt;pre&gt;{{Navbox|child|...}}&lt;/pre&gt;

=== Cells ===
; ''title''*
: Text that appears centered in the top row of the table. It is usually the template's topic, i.e. a succinct description of the body contents. This should be a single line, but if a second line is needed, use &lt;code&gt;&lt;nowiki&gt;{{-}}&lt;/nowiki&gt;&lt;/code&gt; to ensure proper centering. This parameter is technically not mandatory, but using {{tl|Navbox}} is rather pointless without a title.
; ''above''*
: A full-width cell displayed between the titlebar and first group/list, i.e. ''above'' the template's body (groups, lists and image). In a template without an image, ''above'' behaves in the same way as the ''list1'' parameter without the ''group1'' parameter.
; ''group&lt;sub&gt;n&lt;/sub&gt;''*
: (i.e. ''group1'', ''group2'', etc.) If specified, text appears in a header cell displayed to the left of ''list&lt;sub&gt;n&lt;/sub&gt;''. If omitted, ''list&lt;sub&gt;n&lt;/sub&gt;'' uses the full width of the table.
; ''list&lt;sub&gt;n&lt;/sub&gt;''*
: (i.e. ''list1'', ''list2'', etc.) The body of the template, usually a list of links. Format is inline, although the text can be entered on separate lines if the entire list is enclosed within &lt;code&gt;&lt;nowiki&gt;&lt;div&gt; &lt;/div&gt;&lt;/nowiki&gt;&lt;/code&gt;. At least one ''list'' parameter is required; each additional ''list'' is displayed in a separate row of the table. Each ''list&lt;sub&gt;n&lt;/sub&gt;'' may be preceded by a corresponding ''group&lt;sub&gt;n&lt;/sub&gt;'' parameter, if provided (see below).
:Entries should be separated using a newline and an asterisk (*). If instead two asterisks are used, it provides [[wikipedia:Nesting (computing)|nesting]] within the previous entry by enclosing the entry with brackets. Increasing the number of asterisks used increases the number of brackets around entries.
; ''imageleft''*
: An image to be displayed in a cell below the title and to the left of the body (lists). For the image to display properly, the ''list1'' parameter must be specified and no groups can be specified. It accepts the same sort of parameter that ''image'' accepts.
; ''below''*
: A full-width cell displayed ''below'' the template's body (groups, lists and image).

== Layout of table ==
===Without image, above and below===
Table generated by {{tl|Navbox}} '''without''' ''image'', ''above'' and ''below'' parameters:

{{Navbox
| name = Navbox/doc
| state = uncollapsed
| title  = {{{title}}}
| group1 = {{{group1}}}
| list1  = {{{list1}}}
| group2 = {{{group2}}}
| list2  = {{{list2}}}
| list3  = {{{list3}}} ''without {{{group3}}}''
| group4 = {{{group4}}}
| list4  = {{{list4}}}
}}

===With image, above and below===
Table generated by {{tl|Navbox}} '''with''' ''image'', ''above'' and ''below'' parameters:

{{Navbox
| name = Navbox/doc
| state = uncollapsed
| image  = {{{image}}}
| title  = {{{title}}}
| above  = {{{above}}}
| group1 = {{{group1}}}
| list1  = {{{list1}}}
| group2 = {{{group2}}}
| list2  = {{{list2}}}
| list3  = {{{list3}}} ''without {{{group3}}}''
| group4 = {{{group4}}}
| list4  = {{{list4}}}
| below  = {{{below}}}
}}

===With image and without groups===
Table generated by {{tl|Navbox}} '''with''' ''image'', ''imageleft'', ''lists'', and '''without''' ''groups'', ''above'', ''below'':

{{Navbox
| name = Navbox/doc
| state = uncollapsed
| image = {{{image}}}
| imageleft = {{{imageleft}}}
| title = {{{title}}}
| list1 = {{{list1}}}
| list2 = {{{list2}}}
| list3 = {{{list3}}}
| list4 = {{{list4}}}
}}

== Examples ==

== TemplateData ==
&lt;templatedata&gt;
{
	"params": {
		"state": {
			"label": "State",
			"description": "Controls when a navbox is expanded or collapsed",
			"example": "autocollapse",
			"suggestedvalues": [
				"autocollapse",
				"collapsed",
				"expanded",
				"plain",
				"off"
			],
			"default": "autocollapse",
			"suggested": true
		},
		"title": {
			"label": "Title",
			"description": "Text in the title bar; centered in the top row of the table. Usually the template's topic.",
			"example": "[[Template:Navbox]]",
			"suggested": true
		},
		"above": {
			"label": "Above",
			"description": "Full-width cell displayed between the titlebar and first group/list, i.e. above the template's body (groups, lists and image)",
			"type": "string",
			"suggested": true
		},
		"image": {
			"label": "Image",
			"description": "Image to be displayed in a cell below the title and to the right of the body",
			"example": "[[File:XX.jpg | 80px | link= | alt= ]]",
			"type": "wiki-file-name",
			"suggested": true
		},
		"group1": {
			"label": "Group 1",
			"description": "If specified, text appears in a header cell displayed to the left of list 1. If omitted, list 1 uses the full width of the table.",
			"suggested": true
		},
		"list1": {
			"label": "List 1",
			"description": "Body of the template; usually a list of links. Format is inline. At least one list parameter is required; each additional list is displayed in a separate row of the table. Each listn may be preceded by a corresponding groupn parameter.\nEntries should be separated using a newline and an asterisk. If two asterisks are used, it provides nesting within the previous entry with brackets.",
			"required": true,
			"suggested": true
		},
		"group2": {
			"suggested": true
		},
		"list2": {
			"suggested": true
		},
		"list3": {
			"suggested": true
		},
		"group3": {
			"suggested": true
		},
		"group4": {},
		"list4": {},
		"below": {
			"label": "Below",
			"description": "Full-width cell displayed below the template's body.",
			"suggested": true
		},
		"imageleft": {
			"label": "Image left",
			"description": "Image to be displayed in a cell below the title and to the left of the body. For the image to display properly, list1 parameter must be specified and no groups can be specified.",
			"example": "[[File:XX.jpg | 80px | link= | alt= ]]",
			"type": "wiki-file-name"
		},
		"name": {
			"label": "Name",
			"description": "The name of the template. Needed for \"View • Talk • Edit\" links to work properly.",
			"type": "string",
			"default": "{{subst:PAGENAME}}",
			"suggested": true
		},
		"class": {
			"label": "Navbox class",
			"description": "CSS class for the navbox.",
			"example": "navbox-items",
			"type": "string"
		},
		"listclass": {
			"label": "List class",
			"description": "CSS class for the list cells, usually hlist for horizontal lists.",
			"example": "hlist",
			"type": "string"
		},
		"navbar": {
			"label": "Navbar status",
			"example": "plain, off",
			"type": "string"
		},
		"border": {
			"label": "Border status",
			"example": "child, subgroup, none",
			"type": "string"
		},
		"evenodd": {
			"suggestedvalues": [
				"swap",
				"even",
				"odd",
				"off"
			]
		}
	},
	"description": "Creates a navigational box for links to other pages.",
	"paramOrder": [
		"name",
		"title",
        "class",
		"group1",
		"list1",
		"listclass",
		"state",
		"above",
		"below",
		"image",
		"group2",
		"list2",
		"group3",
		"list3",
		"group4",
		"list4",
		"imageleft",
		"navbar",
		"border",
		"evenodd"
	]
}
&lt;/templatedata&gt;
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>49b0f6f3b5d3ee9f666852d6bb4ce22bdbc8e5eb</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:NoDirectUse</title>
  <ns>10</ns>
  <id>118</id>
  <revision>
    <id>133</id>
    <timestamp>2024-06-13T17:38:15Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="36" xml:space="preserve">#REDIRECT [[Template:No direct use]]</text>
    <sha1>8448af1f61f0d64a84806b006c70670d9296acde</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:No direct use</title>
  <ns>10</ns>
  <id>119</id>
  <revision>
    <id>134</id>
    <timestamp>2024-06-13T17:38:16Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="339" xml:space="preserve">&lt;includeonly&gt;{{ambox|icon=Warning-red.svg|title='''Don't call this template directly from any content page!'''
|message=This template is intended to be used inside of another template. Then that template in turn may be used on content pages.
|color=red
}}&lt;/includeonly&gt;&lt;noinclude&gt;{{documentation}}
[[Category:Notice templates]]&lt;/noinclude&gt;</text>
    <sha1>72f49bdd34be1bcb8d1a6f91015ddce6912103db</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:No direct use/doc</title>
  <ns>10</ns>
  <id>120</id>
  <revision>
    <id>135</id>
    <timestamp>2024-06-13T17:38:17Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#redirect [[Template:Ambox/doc]]</text>
    <sha1>68bfb03f8f28c95443c7b1997f252c236bf87256</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:No wrap</title>
  <ns>10</ns>
  <id>121</id>
  <revision>
    <id>136</id>
    <timestamp>2024-06-13T17:39:19Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:Nowrap]]</text>
    <sha1>269180d5083536bbbf72d889477805cfde7aac9e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Normal</title>
  <ns>10</ns>
  <id>122</id>
  <revision>
    <id>137</id>
    <timestamp>2024-06-13T17:39:20Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="112" xml:space="preserve">&lt;span style{{=}}"font-weight:normal; font-style:normal"&gt;{{{1}}}&lt;/span&gt;&lt;noinclude&gt;
{{documentation}}
&lt;/noinclude&gt;</text>
    <sha1>f1d74e033cde1ce3b2efdc98b78fb863b8524fcf</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Nowrap</title>
  <ns>10</ns>
  <id>123</id>
  <revision>
    <id>138</id>
    <timestamp>2024-06-13T17:39:21Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="77" xml:space="preserve">&lt;span class="nowrap"&gt;{{{1}}}&lt;/span&gt;&lt;noinclude&gt;
{{documentation}}
&lt;/noinclude&gt;</text>
    <sha1>8817bafce418a08a72f3425283fc03d04a2d8d44</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Pipe</title>
  <ns>10</ns>
  <id>124</id>
  <revision>
    <id>139</id>
    <timestamp>2024-06-13T17:39:22Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="46" xml:space="preserve">&amp;#124;&lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>9d1875aa686e4e25a0994448a39d057e91541788</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Pipe/doc</title>
  <ns>10</ns>
  <id>125</id>
  <revision>
    <id>140</id>
    <timestamp>2024-06-13T17:39:23Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">#redirect [[Template:((/doc]]</text>
    <sha1>509bb731d447456a18489848c8a1ce38feddabcc</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Quote</title>
  <ns>10</ns>
  <id>126</id>
  <revision>
    <id>141</id>
    <timestamp>2024-06-13T17:39:24Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="650" xml:space="preserve">&lt;includeonly&gt;&lt;!--
--&gt;&lt;div class="quote"&gt;&lt;!-- start quote wrapper
   --&gt;&lt;div class="marks-wrapper"&gt;&lt;!-- start marks wrapper
      --&gt;&lt;div class="block"&gt;&lt;!-- start quote block

      --&gt;{{#if:{{{title|}}}|&lt;div class="title"&gt;{{{title}}}&lt;/div&gt;|}}&lt;!--

      --&gt;{{#if:{{{text|{{{1|}}}}}}|&lt;div class="text"&gt;{{{text|{{{1|}}}}}}&lt;/div&gt;|}}&lt;!--

      --&gt;&lt;/div&gt;&lt;!-- end quote block
   --&gt;&lt;/div&gt;&lt;!-- end marks wrapper
   
   --&gt;{{#if:{{{author|}}}|&lt;div class="author"&gt;― {{#if:{{{authorpage|}}}| [[{{{authorpage}}}|{{{author}}}]] | {{{author}}} }}&lt;/div&gt;|}}&lt;!--
   
--&gt;&lt;/div&gt;&lt;/includeonly&gt;&lt;noinclude&gt;{{Documentation}}[[Category:Formatting templates]]&lt;/noinclude&gt;</text>
    <sha1>4068bd07d27429291e64025ee67d91eaf78fe06e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Quote/doc</title>
  <ns>10</ns>
  <id>127</id>
  <revision>
    <id>142</id>
    <timestamp>2024-06-13T17:39:25Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3544" xml:space="preserve">&lt;templatedata&gt;
{
	"params": {
		"title": {
			"label": "Title",
			"description": "If the quote as a title, put it here.",
			"example": "Quote's Title",
			"type": "line"
		},
		"text": {
			"label": "Quoted Text",
			"description": "The quoted text to be displayed.",
			"example": "Example quote text here.",
			"type": "string",
			"required": true
		},
		"author": {
			"label": "Quote's Author",
			"description": "The author of the displayed quote.",
			"example": "John Doe",
			"type": "line",
			"suggested": true
		},
		"authorpage": {
			"label": "Author's Page",
			"description": "If the quote's author has a page on the Wiki, put the page name here.",
			"example": "John Doe",
			"type": "wiki-page-name",
			"suggested": true
		}
	},
	"description": "This template creates a styled block element for quotes.",
	"paramOrder": [
		"text",
		"author",
		"authorpage",
		"title"
	],
	"format": "block"
}
&lt;/templatedata&gt;

== Examples ==
{| class="wikitable"
! Code !! Result
|-
| &lt;pre&gt;{{Quote|text=Text content here.}}&lt;/pre&gt; || {{Quote|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.}}
|-
| &lt;pre&gt;{{Quote
|title=Title
|text=Text content here.
}}&lt;/pre&gt; || {{Quote|title=Title|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.}}
|-
| &lt;pre&gt;{{Quote
|title=Title
|text=Text content here.
|author=Author
}}&lt;/pre&gt; || {{Quote|title=Title|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.|author=Author}}
|-
| &lt;pre&gt;{{Quote
|title=Title
|text=Text content here.
|author=Author
|authorpage=Author Page
}}&lt;/pre&gt; || {{Quote|title=Title|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.|author=Author|authorpage=Author Page}}
|-
| &lt;pre&gt;{{Quote
|title=Text content here.
|author=Author
|authorpage=Author Page
}}&lt;/pre&gt; || {{Quote|text=Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum. Aliquam nonummy auctor massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla at risus. Quisque purus magna, auctor et, sagittis ac, posuere eu, lectus. Nam mattis, felis ut adipiscing.|author=Author|authorpage=Author Page}}
|}

== Dependencies ==
For this template to work properly, you need the following:
* The &lt;code&gt;.quote&lt;/code&gt; and any related classes, found in [[MediaWiki:Common.css]].
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>c00197137eecde64fc76b4bd45f59efdc131f182</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Split</title>
  <ns>10</ns>
  <id>128</id>
  <revision>
    <id>143</id>
    <timestamp>2024-06-13T17:39:26Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1012" xml:space="preserve">&lt;includeonly&gt;&lt;!--
--&gt;{{#vardefine:pages|&lt;!-- start vd
      
   --&gt;{{#if:{{{2|}}}&lt;!-- if more than one page
      
      --&gt;|new pages titled [[{{{1}}}]]{{#if:{{{3|}}}&lt;!-- start concat if
         
         --&gt;|, [[{{{2}}}]] and [[{{{3}}}]]&lt;!-- concat two
            
         --&gt;|&lt;nowiki&gt; &lt;/nowiki&gt;and [[{{{2}}}]]&lt;!-- else; concat one
            
      --&gt;}}&lt;!-- end concat if
         
      --&gt;|a new page titled [[{{{1}}}]]&lt;!-- else; one page only
         
   --&gt;}}&lt;!-- end if
      
--&gt;}}&lt;!-- end vd

--&gt;{{Ambox
| color = purple
| icon = Split.svg
| message = It has been proposed that this page be split into {{#var:pages}}.
| tiny = {{{tiny|}}}
| class = {{{class|}}}
| date = {{{date|}}}
}}&lt;!--

--&gt;{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for splitting]]}}&lt;/includeonly&gt;&lt;!--

--&gt;&lt;noinclude&gt;{{Split|Template:Ambox{{!}}Example|nocat=yes}}
{{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}}
{{doc|Template:Ambox/doc}}&lt;/noinclude&gt;</text>
    <sha1>73f5044c8b972e18c3b7880f94b0644e4a0e6ac7</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Split/doc</title>
  <ns>10</ns>
  <id>129</id>
  <revision>
    <id>144</id>
    <timestamp>2024-06-13T17:39:27Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#REDIRECT [[Template:Ambox/doc]]</text>
    <sha1>286a3914c1d2770ff27394ac3d3f36a685542cb8</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Spoiler</title>
  <ns>10</ns>
  <id>130</id>
  <revision>
    <id>145</id>
    <timestamp>2024-06-13T17:39:29Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="509" xml:space="preserve">&lt;includeonly&gt;&lt;!-- 

Base code written for Terraria Wiki: https://terraria.wiki.gg/wiki/Template:Spoiler

NOTE: This template needs a JavaScript function in MediaWiki:Common.js or MediaWiki:Vector.js to work, as well as styling in MediaWiki:Common.css or MediaWiki:Vector.css for the related classes

--&gt;&lt;span class="spoiler-content {{{class|}}}" id="{{{id|}}}" style="{{{css|{{{style|}}}}}}"&gt;&lt;span&gt;{{{1|}}}&lt;/span&gt;&lt;/span&gt;&lt;!-- 
--&gt;&lt;/includeonly&gt;&lt;noinclude&gt;
{{doc}}
[[Category:Formatting templates]]
&lt;/noinclude&gt;</text>
    <sha1>77445d8bb567ea7e24ff01afea601393d29dd3f9</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Spoiler/doc</title>
  <ns>10</ns>
  <id>131</id>
  <revision>
    <id>146</id>
    <timestamp>2024-06-13T17:39:30Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1605" xml:space="preserve">&lt;templatedata&gt;
{
	"params": {
		"1": {
			"aliases": [
				"text"
			],
			"label": "Text",
			"description": "The text to be shown.",
			"example": "Character A died during the battle.",
			"type": "content",
			"required": true
		},
		"hover": {
			"label": "Show on Hover?",
			"description": "Show spoiler text on mouse hover.",
			"example": "hover=yes",
			"type": "boolean",
			"default": "hover=no"
		}
	},
	"description": "This template can be used to mark text as a spoiler.",
	"maps": {
		"1": {}
	},
	"paramOrder": [
		"1",
		"hover"
	],
	"format": "inline"
}
&lt;/templatedata&gt;

== The hoverShowSpoilers gadget ==
Users can enable {{gad|hoverShowSpoilers}} to make spoilers show on hover, not just on click. The code for this gadget can be found at {{gad|hoverShowSpoilers.css}}.

== Examples ==
{| class="wikitable"
! Code !! Result
|-
| &lt;code&gt;&lt;nowiki&gt;{{spoiler|spoiler text}}&lt;/nowiki&gt;&lt;/code&gt; (Click to toggle) || {{spoiler|spoiler text}} 
|-
| &lt;code&gt;&lt;nowiki&gt;{{spoiler|spoiler text with a [[Template:Navbox|link]]}}&lt;/nowiki&gt;&lt;/code&gt; (Click to toggle) || {{spoiler|spoiler text with a [[Template:Navbox|link]]}} 
|}

== Dependencies ==
For this template to work properly, you need the following:
* The small JavaScript code for toggling the &lt;code&gt;.spoiler&lt;/code&gt; class on/off on click, found in [[MediaWiki:Common.js]].
* The &lt;code&gt;.spoiler-content&lt;/code&gt; and any related classes, found in [[MediaWiki:Common.css]].

== Source ==
Base code adapted from [https://terraria.wiki.gg/wiki/Template:Spoiler Template:Spoiler on Terraria Wiki].

&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>0a47f2e840d579e339ed92445d2dba4a32cd76fe</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Spoiler warning</title>
  <ns>10</ns>
  <id>132</id>
  <revision>
    <id>147</id>
    <timestamp>2024-06-13T17:39:31Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="225" xml:space="preserve">{{Ambox
| color = red
| icon = Warning-red.svg
| title = Spoiler Warning
| message = This page contains '''spoilers'''. View at your own discretion.
| tiny = {{{tiny|}}}
| class = {{{class|}}}
}}&lt;noinclude&gt;{{doc}}&lt;/noinclude&gt;</text>
    <sha1>06bff33f547d6b08794a2f9b6537b19478b2866e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Spoiler warning/doc</title>
  <ns>10</ns>
  <id>133</id>
  <revision>
    <id>148</id>
    <timestamp>2024-06-13T17:39:32Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#REDIRECT [[Template:Ambox/doc]]</text>
    <sha1>286a3914c1d2770ff27394ac3d3f36a685542cb8</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Stub</title>
  <ns>10</ns>
  <id>134</id>
  <revision>
    <id>149</id>
    <timestamp>2024-06-13T17:39:33Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="420" xml:space="preserve">&lt;includeonly&gt;{{Ambox
| color = gold
| icon = Stub.svg
| message = This page is a [[support:Stub|stub]]. You can help '''{{SITENAME}}''' by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it].
| tiny = {{{tiny|}}}
| class = {{{class|}}}
| date = {{{date|}}}
}}&lt;!--

--&gt;{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Stubs]]}}&lt;/includeonly&gt;&lt;!--

--&gt;&lt;noinclude&gt;{{Stub|nocat=yes}}
{{doc|Template:Ambox/doc}}&lt;/noinclude&gt;</text>
    <sha1>1effeb7d6eb04a0b11c76b8bfa871703461c9344</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Stub/doc</title>
  <ns>10</ns>
  <id>135</id>
  <revision>
    <id>150</id>
    <timestamp>2024-06-13T17:39:34Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#redirect [[Template:Ambox/doc]]</text>
    <sha1>68bfb03f8f28c95443c7b1997f252c236bf87256</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Tl</title>
  <ns>10</ns>
  <id>136</id>
  <revision>
    <id>151</id>
    <timestamp>2024-06-13T17:39:35Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="107" xml:space="preserve">&lt;includeonly&gt;{{#invoke:Template link|main|code=on}}&lt;/includeonly&gt;&lt;noinclude&gt;
{{Documentation}}
&lt;/noinclude&gt;</text>
    <sha1>1c13b1daaf7b7e8ce1e45cc03b4baf31c09bc6cd</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Tl/doc</title>
  <ns>10</ns>
  <id>137</id>
  <revision>
    <id>152</id>
    <timestamp>2024-06-13T17:39:36Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="995" xml:space="preserve">{{From Wikipedia|Module:Template link general,Template:Tlx}}
{{Uses Lua|Template link}}

This template returns an exemplaric use of a template while linking to the template description page, if the template exists.

== Usage ==
&lt;pre&gt;
{{tl|&lt;Template name&gt;}}
{{tl|&lt;Template name&gt;|&lt;Template parameters&gt;}}
&lt;/pre&gt;

; ''unnamed parameter'' 1
: Template name (without &lt;code&gt;Template:&lt;/code&gt; prefix)
; ''unnamed parameter'' 2 - 9
: Optional. Template parameters
; nl
: Optional flag to display an un-linked template usage.

== Examples ==
: &lt;code&gt;&lt;nowiki&gt;{{tl|stub}}&lt;/nowiki&gt;&lt;/code&gt; returns {{tl|stub}}
: &lt;code&gt;&lt;nowiki&gt;{{tl|stub|1}}&lt;/nowiki&gt;&lt;/code&gt; returns {{tl|stub|1}}
: &lt;code&gt;&lt;nowiki&gt;{{tl|stub|1|2|nl{{=}}y}}&lt;/nowiki&gt;&lt;/code&gt; returns {{tl|stub|1|2|nl{{=}}y}}
: &lt;code&gt;&lt;nowiki&gt;{{tl|for|page|t1{{=}}alt text}}&lt;/nowiki&gt;&lt;/code&gt; returns {{tl|for|page|t1{{=}}alt text}}

== See also ==

&lt;includeonly&gt;
[[Category:Formatting templates]]
&lt;/includeonly&gt;
&lt;noinclude&gt;[[Category:Template documentation]]&lt;/noinclude&gt;</text>
    <sha1>68dd4189207857784f997c892d71b1a2dd95f123</sha1>
  </revision>
</page>
<page arvcontinue="20240613173749|104">
  <title>Template:Tlx</title>
  <ns>10</ns>
  <id>138</id>
  <revision>
    <id>153</id>
    <timestamp>2024-06-13T17:39:37Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">#redirect [[Template:Tl]]</text>
    <sha1>af3906f239c45d791753d3170c656eddd6d1af5f</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Template:UsesLua</title>
  <ns>10</ns>
  <id>139</id>
  <revision>
    <id>154</id>
    <timestamp>2024-06-13T17:39:38Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="31" xml:space="preserve">#REDIRECT [[Template:Uses Lua]]</text>
    <sha1>9675a92267565619bc6418ec4e88163985302408</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Template:Uses Lua</title>
  <ns>10</ns>
  <id>140</id>
  <revision>
    <id>155</id>
    <timestamp>2024-06-13T17:39:39Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="568" xml:space="preserve">&lt;includeonly&gt;{{Ambox
| color = darkblue
| icon = Lua logo.svg
| title= This template uses one or more modules written in the Lua programming language.
| message = For more information, see [https://en.wikipedia.org/wiki/Wikipedia:Lua Wikipedia:Lua] or the [https://www.mediawiki.org/wiki/Extension:Scribunto/Lua_reference_manual Lua reference manual] on mediawiki.org. Modules used include: {{#if:{{{1|}}}|{{#arraymap:{{{1|}}}|,|%s|'''[[Module:%s|%s]]'''}}|''None provided''}}.
| tiny = {{{tiny|}}}
| class = {{{class|}}}
}}&lt;/includeonly&gt;&lt;noinclude&gt;{{doc}}&lt;/noinclude&gt;</text>
    <sha1>19e22db3328c786bcdcbae7409f7cc40b1e464bf</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Template:Uses Lua/doc</title>
  <ns>10</ns>
  <id>141</id>
  <revision>
    <id>156</id>
    <timestamp>2024-06-13T17:39:40Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">#REDIRECT [[Template:Ambox/doc]]</text>
    <sha1>286a3914c1d2770ff27394ac3d3f36a685542cb8</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Candidates for deletion</title>
  <ns>14</ns>
  <id>142</id>
  <revision>
    <id>157</id>
    <timestamp>2024-06-13T17:39:42Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Weyrdlets Wiki</title>
  <ns>14</ns>
  <id>143</id>
  <revision>
    <id>158</id>
    <timestamp>2024-06-13T17:39:43Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="85" xml:space="preserve">This is the top-level category. It contains meta categories and pages about the wiki.</text>
    <sha1>8935f2b3e97edfeadd7bb206f1e17c03099ec24a</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Documentation templates</title>
  <ns>14</ns>
  <id>144</id>
  <revision>
    <id>159</id>
    <timestamp>2024-06-13T17:39:43Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="22" xml:space="preserve">[[Category:Templates]]</text>
    <sha1>06eecdec29f6cb215c99cf216d1e3bdc8c30a95e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Formatting templates</title>
  <ns>14</ns>
  <id>145</id>
  <revision>
    <id>160</id>
    <timestamp>2024-06-13T17:39:45Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="22" xml:space="preserve">[[Category:Templates]]</text>
    <sha1>06eecdec29f6cb215c99cf216d1e3bdc8c30a95e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Hatnote templates</title>
  <ns>14</ns>
  <id>146</id>
  <revision>
    <id>161</id>
    <timestamp>2024-06-13T17:39:46Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="22" xml:space="preserve">[[Category:Templates]]</text>
    <sha1>06eecdec29f6cb215c99cf216d1e3bdc8c30a95e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Hidden categories</title>
  <ns>14</ns>
  <id>147</id>
  <revision>
    <id>162</id>
    <timestamp>2024-06-13T17:39:46Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="75" xml:space="preserve">These categories are hidden on article pages.
[[Category:Wiki maintenance]]</text>
    <sha1>e4d17499a8377d3f2b4b4a618a671e53111f43ca</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Images</title>
  <ns>14</ns>
  <id>148</id>
  <revision>
    <id>163</id>
    <timestamp>2024-06-13T17:39:47Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="18" xml:space="preserve">[[Category:Media]]</text>
    <sha1>b141d2b9971d6efe9f59bd03449781e71411c631</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Infobox templates</title>
  <ns>14</ns>
  <id>149</id>
  <revision>
    <id>164</id>
    <timestamp>2024-06-13T17:39:48Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="22" xml:space="preserve">[[Category:Templates]]</text>
    <sha1>06eecdec29f6cb215c99cf216d1e3bdc8c30a95e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Key template documentation</title>
  <ns>14</ns>
  <id>150</id>
  <revision>
    <id>165</id>
    <timestamp>2024-06-13T17:40:50Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="35" xml:space="preserve">[[Category:Template documentation]]</text>
    <sha1>e65ecf60878d4707b3b4c1e3962615e2d5f3b2ab</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Legal notices</title>
  <ns>14</ns>
  <id>151</id>
  <revision>
    <id>166</id>
    <timestamp>2024-06-13T17:40:51Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category:{{SITENAME}}]]</text>
    <sha1>dd8aaa34cf600c1567d240a3f4bc615164a11592</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:License templates</title>
  <ns>14</ns>
  <id>152</id>
  <revision>
    <id>167</id>
    <timestamp>2024-06-13T17:40:52Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="22" xml:space="preserve">[[Category:Templates]]</text>
    <sha1>06eecdec29f6cb215c99cf216d1e3bdc8c30a95e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Logos</title>
  <ns>14</ns>
  <id>153</id>
  <revision>
    <id>168</id>
    <timestamp>2024-06-13T17:40:53Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="19" xml:space="preserve">[[Category:Images]]</text>
    <sha1>8820b63e35aedd9d2666fe40b965d4e91ce0a106</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Maps failing data validation</title>
  <ns>14</ns>
  <id>154</id>
  <revision>
    <id>169</id>
    <timestamp>2024-06-13T17:40:54Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="68" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
__HIDDENCAT__
[[Category:Wiki maintenance]]</text>
    <sha1>57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Media</title>
  <ns>14</ns>
  <id>155</id>
  <revision>
    <id>170</id>
    <timestamp>2024-06-13T17:40:55Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category:{{SITENAME}}]]</text>
    <sha1>dd8aaa34cf600c1567d240a3f4bc615164a11592</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Navigation templates</title>
  <ns>14</ns>
  <id>156</id>
  <revision>
    <id>171</id>
    <timestamp>2024-06-13T17:40:56Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="22" xml:space="preserve">[[Category:Templates]]</text>
    <sha1>06eecdec29f6cb215c99cf216d1e3bdc8c30a95e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Notice templates</title>
  <ns>14</ns>
  <id>157</id>
  <revision>
    <id>172</id>
    <timestamp>2024-06-13T17:40:57Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="22" xml:space="preserve">[[Category:Templates]]</text>
    <sha1>06eecdec29f6cb215c99cf216d1e3bdc8c30a95e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages containing omitted template arguments</title>
  <ns>14</ns>
  <id>158</id>
  <revision>
    <id>173</id>
    <timestamp>2024-06-13T17:40:58Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages including data maps</title>
  <ns>14</ns>
  <id>159</id>
  <revision>
    <id>174</id>
    <timestamp>2024-06-13T17:40:59Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="43" xml:space="preserve">__HIDDENCAT__
[[Category:Wiki maintenance]]</text>
    <sha1>5f66cb55d9f6d00a2b708f502911f1eb94dca6b5</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages including data maps failing validation</title>
  <ns>14</ns>
  <id>160</id>
  <revision>
    <id>175</id>
    <timestamp>2024-06-13T17:41:00Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="68" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
__HIDDENCAT__
[[Category:Wiki maintenance]]</text>
    <sha1>57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages setting LuaCache keys</title>
  <ns>14</ns>
  <id>161</id>
  <revision>
    <id>176</id>
    <timestamp>2024-06-13T17:41:01Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="68" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
__HIDDENCAT__
[[Category:Wiki maintenance]]</text>
    <sha1>57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages using DynamicPageList3 dplvar parser function</title>
  <ns>14</ns>
  <id>162</id>
  <revision>
    <id>177</id>
    <timestamp>2024-06-13T17:41:02Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="43" xml:space="preserve">__HIDDENCAT__
[[Category:Wiki maintenance]]</text>
    <sha1>5f66cb55d9f6d00a2b708f502911f1eb94dca6b5</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages using DynamicPageList3 parser function</title>
  <ns>14</ns>
  <id>163</id>
  <revision>
    <id>178</id>
    <timestamp>2024-06-13T17:41:03Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="43" xml:space="preserve">__HIDDENCAT__
[[Category:Wiki maintenance]]</text>
    <sha1>5f66cb55d9f6d00a2b708f502911f1eb94dca6b5</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages using TabberTransclude parser tag</title>
  <ns>14</ns>
  <id>164</id>
  <revision>
    <id>179</id>
    <timestamp>2024-06-13T17:41:04Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="43" xml:space="preserve">__HIDDENCAT__
[[Category:Wiki maintenance]]</text>
    <sha1>5f66cb55d9f6d00a2b708f502911f1eb94dca6b5</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages using Tabber parser tag</title>
  <ns>14</ns>
  <id>165</id>
  <revision>
    <id>180</id>
    <timestamp>2024-06-13T17:41:05Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="43" xml:space="preserve">__HIDDENCAT__
[[Category:Wiki maintenance]]</text>
    <sha1>5f66cb55d9f6d00a2b708f502911f1eb94dca6b5</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages using duplicate arguments in template calls</title>
  <ns>14</ns>
  <id>166</id>
  <revision>
    <id>181</id>
    <timestamp>2024-06-13T17:41:07Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages where expansion depth is exceeded</title>
  <ns>14</ns>
  <id>167</id>
  <revision>
    <id>182</id>
    <timestamp>2024-06-13T17:41:08Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages where template include size is exceeded</title>
  <ns>14</ns>
  <id>168</id>
  <revision>
    <id>183</id>
    <timestamp>2024-06-13T17:41:09Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages where the unstrip depth limit is exceeded</title>
  <ns>14</ns>
  <id>169</id>
  <revision>
    <id>184</id>
    <timestamp>2024-06-13T17:41:10Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages where the unstrip size limit is exceeded</title>
  <ns>14</ns>
  <id>170</id>
  <revision>
    <id>185</id>
    <timestamp>2024-06-13T17:41:11Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages with broken file links</title>
  <ns>14</ns>
  <id>171</id>
  <revision>
    <id>186</id>
    <timestamp>2024-06-13T17:41:12Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">[[Category:Wiki maintenance]]</text>
    <sha1>197b5fc8ebad5537759adacc0079b4b2662cb4c4</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages with ignored display titles</title>
  <ns>14</ns>
  <id>172</id>
  <revision>
    <id>187</id>
    <timestamp>2024-06-13T17:41:13Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages with math errors</title>
  <ns>14</ns>
  <id>173</id>
  <revision>
    <id>188</id>
    <timestamp>2024-06-13T17:41:14Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages with non-numeric formatnum arguments</title>
  <ns>14</ns>
  <id>174</id>
  <revision>
    <id>189</id>
    <timestamp>2024-06-13T17:41:15Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">[[Category:Wiki maintenance]]</text>
    <sha1>197b5fc8ebad5537759adacc0079b4b2662cb4c4</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages with reference errors</title>
  <ns>14</ns>
  <id>175</id>
  <revision>
    <id>190</id>
    <timestamp>2024-06-13T17:41:16Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages with script errors</title>
  <ns>14</ns>
  <id>176</id>
  <revision>
    <id>191</id>
    <timestamp>2024-06-13T17:41:17Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages with syntax highlighting errors</title>
  <ns>14</ns>
  <id>177</id>
  <revision>
    <id>192</id>
    <timestamp>2024-06-13T17:41:18Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages with template loops</title>
  <ns>14</ns>
  <id>178</id>
  <revision>
    <id>193</id>
    <timestamp>2024-06-13T17:41:19Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Pages with too many expensive parser function calls</title>
  <ns>14</ns>
  <id>179</id>
  <revision>
    <id>194</id>
    <timestamp>2024-06-13T17:41:20Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Promotional images</title>
  <ns>14</ns>
  <id>180</id>
  <revision>
    <id>195</id>
    <timestamp>2024-06-13T17:41:21Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="119" xml:space="preserve">Official images used for purposes of promoting the game, that may not actually represent gameplay.

[[Category:Images]]</text>
    <sha1>80b893c439747ce681cf18cc579c3bc4c65cd502</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Stubs</title>
  <ns>14</ns>
  <id>181</id>
  <revision>
    <id>196</id>
    <timestamp>2024-06-13T17:41:21Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="54" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Wiki maintenance]]</text>
    <sha1>786037995b8f7e89762a8ea13b84ade091453c00</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Template documentation</title>
  <ns>14</ns>
  <id>182</id>
  <revision>
    <id>197</id>
    <timestamp>2024-06-13T17:41:22Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="52" xml:space="preserve">[[Category:Templates]]
[[Category:Wiki maintenance]]</text>
    <sha1>c1800be0da4588b3b652fa5324aade2c496fb3c5</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Templates</title>
  <ns>14</ns>
  <id>183</id>
  <revision>
    <id>198</id>
    <timestamp>2024-06-13T17:41:23Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category:{{SITENAME}}]]</text>
    <sha1>dd8aaa34cf600c1567d240a3f4bc615164a11592</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Templates with no documentation</title>
  <ns>14</ns>
  <id>184</id>
  <revision>
    <id>199</id>
    <timestamp>2024-06-13T17:41:24Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="77" xml:space="preserve">__EXPECTUNUSEDCATEGORY__
[[Category:Templates]]
[[Category:Wiki maintenance]]</text>
    <sha1>b1ff76c0593194e53e6bf42f37ca337a5493c57e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Wiki maintenance</title>
  <ns>14</ns>
  <id>185</id>
  <revision>
    <id>200</id>
    <timestamp>2024-06-13T17:41:25Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="977" xml:space="preserve">The sub-categories of this category contain pages that have been identified as needing attention for one or more of the following reasons:
* Changes have been suggested that should be discussed first or are under discussion.
* The page has flaws that need addressing by an editor with the knowledge or skills to help.
* The action the page needs requires special rights.

''See also:''
* [[Special:BrokenRedirects|Broken redirects]]
* [[Special:DoubleRedirects|Double redirects]]
* [[Special:UncategorizedCategories|Uncategorized categories]]
* [[Special:UncategorizedFiles|Uncategorized files]]
* [[Special:UncategorizedPages|Uncategorized pages]]
* [[Special:UncategorizedTemplates|Uncategorized templates]]
* [[Special:WantedCategories|Wanted categories]]
* [[Special:WantedFiles|Wanted files]]
* [[Special:WantedPages|Wanted pages]]
* [[Special:WantedTemplates|Wanted templates]]
* [[Special:TrackingCategories|Other special tracking categories]]

[[Category:{{SITENAME}}]]</text>
    <sha1>4b90dc0dbd8c91e131e4ffcf22360b1c837b9717</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Category:Wiki skin images</title>
  <ns>14</ns>
  <id>186</id>
  <revision>
    <id>201</id>
    <timestamp>2024-06-13T17:41:26Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="19" xml:space="preserve">[[Category:Images]]</text>
    <sha1>8820b63e35aedd9d2666fe40b965d4e91ce0a106</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Module:ArgsUtil</title>
  <ns>828</ns>
  <id>187</id>
  <revision>
    <id>202</id>
    <timestamp>2024-06-13T17:42:28Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>Scribunto</model>
    <format>text/plain</format>
    <text bytes="387" xml:space="preserve">local p = {}

function p.merge()
	local f = mw.getCurrentFrame()
	local origArgs = f.args
	local parentArgs = f:getParent().args

	local args = {}
	
	for k, v in pairs(origArgs) do
		v = mw.text.trim(tostring(v))
		if v ~= '' then
			args[k] = v
		end
	end
	
	for k, v in pairs(parentArgs) do
		v = mw.text.trim(v)
		if v ~= '' then
			args[k] = v
		end
	end
	
	return args
end

return p</text>
    <sha1>1d1b2105bd857dcc5e33c8c0a8a780f67cbae72e</sha1>
  </revision>
</page>
<page arvcontinue="20240613173938|154">
  <title>Module:ArgsUtil/doc</title>
  <ns>828</ns>
  <id>188</id>
  <revision>
    <id>203</id>
    <timestamp>2024-06-13T17:42:29Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="933" xml:space="preserve">This is a basic module for processing args. Usage:

&lt;syntaxhighlight lang="lua"&gt;
local util_args = require('Module:ArgsUtil')

local p = {}

function p.main(frame)
  local args = util_args.merge() -- it is not necessary to pass a `frame` object; `merge` will generate its own
  mw.logObject(args)
  -- `args` now contains args passed via the template merged with defaults provided directly via the invoke.
  -- anything the user sent via the template will be given priority.
end

return p
&lt;/syntaxhighlight&gt;

== Extending this module ==

By design, {{ml|ArgsUtil}} is shipped with only a single function and no customization available; this simplifies documentation and covers nearly all use cases. An extended version of this module is available at [[support:Module:ArgsUtil|Module:ArgsUtil on the support wiki]] if you want additional functionality; and you can of course feel free to modify this module on your own wiki as needed.</text>
    <sha1>6fc2a23dcff62ac5a222903e46bc56c07b0a2b1f</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Module:Infobox</title>
  <ns>828</ns>
  <id>189</id>
  <revision>
    <id>204</id>
    <timestamp>2024-06-13T17:42:31Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>Scribunto</model>
    <format>text/plain</format>
    <text bytes="11342" xml:space="preserve">local counter

-- default value to show if a param is missing in some but not all tabs.
-- set to `nil` (not in quotes) to remove such rows altogether in the tabs where they're missing
local TABBED_NONEXIST = ''

local h = {}
local p = {}

function p.arraymap(frame)
	-- a lua implementation of Page Forms' arraymap
	local args = h.overwrite()
	local items = h.split(args[1], args[2] or ',')
	for i, item in ipairs(items) do
		items[i] = args[4]:gsub(args[3], item)
	end
	return table.concat(items, args[5] or ',')
end

function p.preprocess(frame)
    return frame:preprocess(frame.args[1] or frame:getParent().args[1])
end

function p.main(frame)
	h.increment()
	local args = h.overwrite()
	local sep = args.sep or ','
	h.castArgs(args, sep)
    h.setMainImage(args.images[1])
	return h.makeInfobox(args, sep)
end

function h.increment()
	counter = mw.getCurrentFrame():callParserFunction('#var', {'DRUID_INFOBOX_ID', 0}) + 1
	mw.getCurrentFrame():callParserFunction('#vardefine', {'DRUID_INFOBOX_ID', counter})
end

function h.castArgs(args, sep)
	args.tabs = h.split(args.tabs or args.image_labels, sep)
	args.images = h.getImages(args, sep)
	args.sections = h.split(args.sections, sep)
	for _, section in ipairs(args.sections) do
		args[section] = h.split(args[section], sep)
	end
end

function h.getImages(args, sep)
	if args.image and not args.images then
		args.images = args.image
	end
	if args.images then
		return h.split(args.images, sep)
	end
	if not args.tabs then return {} end
	local ret = {}
	for _, key in ipairs(args.tabs) do
		if args[key .. '_image'] then
			ret[#ret+1] = args[key .. '_image']
		end
	end
	return ret
end

function h.setMainImage(file)
    if not file then return end
	mw.getCurrentFrame():callParserFunction{
		name = '#setmainimage',
		args = { file:gsub('File:', '') },
	}
end

function h.makeInfobox(args, sep)
	local out = mw.html.create('table')
		:addClass('druid-infobox')
		:addClass('druid-container')
		:attr('id', 'druid-container-' .. counter)
	if args.kind then out:addClass('druid-container-' .. h.escape(args.kind)) end
	if args.title then
		out:tag('tr')
			:tag('th')
				:addClass('druid-title')
				:attr('colspan', 2)
				:wikitext(args.title)
	end
	h.printImages(out, args.images, args)
	for _, section in ipairs(args.sections) do
		-- cannot begin tagging here because we don't know if any applicable args are present
		local cols = args[section .. '_columns']
		local makeSection = cols and h.makeGridSection or h.makeSection
		out:node(makeSection(section, args[section], args, tonumber(cols)))
	end
	return out
end

function h.printImages(out, images, args)
	if #images == 0 and #args.tabs == 0 then return end
	-- burden is on the user to format this as an image. this should be done in the infobox template,
	-- with something like |image={{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}300px{{!}}link=]]}}
	local td = out:tag('tr')
		:tag('td')
		:attr('colspan', 2)
	h.printTabs(td, args.tabs, images, args)
	if #images == 0 then return end
	if #images == 1 then
		td:addClass('druid-main-image')
			:wikitext(images[1])
		return
	end
	td:addClass('druid-main-images')
	local imagesContainer = td:tag('div')
		:addClass('druid-main-images-files')
	for i, item in ipairs(images) do
		local container = imagesContainer:tag('div')
			:addClass('druid-main-images-file')
			:addClass('druid-toggleable')
			:attr('data-druid', counter .. '-' .. i)
			:wikitext(item)
		local labelText = args[item .. '_label'] or item or ('[[Category:Infoboxes missing image labels]]Image ' .. i)
		if args[labelText .. '_caption'] then
			container:tag('div')
				:addClass('druid-main-images-caption')
				:wikitext(args[labelText .. '_caption'])
		end
		if i == 1 then
			container:addClass('focused')
		end
	end
end

function h.printTabs(td, tabs, images, args)
	if #tabs == 0 and #images &lt;= 1 then return end
	local container = td:tag('div')
		:addClass('druid-main-images-labels')
		:addClass('druid-tabs')
	if #tabs == 0 then
		for i, _ in ipairs(images) do
			local labelText = '[[Category:Infoboxes missing image labels]]Image ' .. i
			h.printTab(container, labelText, i)
		end
		return
	end
	for i, item in ipairs(tabs) do
		local labelText = args[item .. '_label'] or item
		h.printTab(container, labelText, i)
	end
end

function h.printTab(container, text, i)
	local label = container:tag('div')
		:addClass('druid-main-images-label')
		:addClass('druid-tab')
		:addClass('druid-toggleable')
		:attr('data-druid', counter .. '-' .. i)
		:wikitext(text)
	if i == 1 then
		label:addClass('focused')
	end
end

function h.makeGridSection(section, sectionFields, args, numCols)
	local shouldPrint = false
	local node = mw.html.create()
	h.printSectionHeader(node, section, args)
	local tr = node:tag('tr')
		:attr('data-druid-section-row', h.escape(section))
	if args[section .. '_collapsed'] then
		tr:addClass('druid-collapsed')
	end
	local grid = tr:tag('td')
		:attr('colspan', 2)
		:addClass('druid-grid-section')
		:addClass('druid-grid-section-' .. h.escape(section))
		:tag('div')
			:addClass('druid-grid')
	local row = 1
	local col = 1
	local itemContainer
	for _, item in ipairs(sectionFields) do
		if args[item] then
			shouldPrint = true
			itemContainer = grid:tag('div')
				:addClass('druid-grid-item')
				:addClass('druid-grid-item-' .. h.escape(item))
				:css('grid-column', col)
				:css('grid-row', row)
			if not args[item .. '_nolabel'] then
				h.printLabel(itemContainer:tag('div'), item, args)
			end
			h.printData(itemContainer:tag('div'), item, args)
			
			if col == numCols then
				row = row + 1
				col = 1
			else
				col = col + 1
			end
		end
	end
	grid:css('grid-template-columns', ('repeat(%s, 1fr)'):format(row &gt; 1 and numCols or col - 1))
	if not shouldPrint then return nil end
	itemContainer:css('grid-column', ('%s / -1'):format(col - 1))
	return node
end

function h.makeSection(section, sectionFields, args)
	local shouldPrint = false
	local node = mw.html.create()
	h.printSectionHeader(node, section, args)
	for _, item in ipairs(sectionFields) do
		if h.shouldPrint(item, args) then
			shouldPrint = true
			local tr = node:tag('tr')
				:addClass('druid-row')
				:addClass('druid-row-' .. h.escape(item))
				:attr('data-druid-section-row', h.escape(section))
			if args[section .. '_collapsed'] then
				tr:addClass('druid-collapsed')
			end
			if args[item .. '_wide'] or args[item .. '_nolabel'] then
				local td = h.printData(tr:tag('td'), item, args)
				td
					:attr('colspan', 2)
					:addClass('druid-data-wide')
			else
				h.printLabel(tr:tag('th'), item, args)
				h.printData(tr:tag('td'), item, args)
			end
		end
	end
	if not shouldPrint then return nil end
	return node
end

function h.shouldPrint(item, args)
	if args[item] then return true end
	for _, key in ipairs(args.tabs) do
		if args[key .. '_' .. item] then
			return true
		end
	end
	return false
end

function h.printLabel(node, item, args)
	return node
		:addClass('druid-label')
		:addClass('druid-label-' .. h.escape(item))
		:wikitext(args[item .. '_display'] or args[item .. '_label'] or item)
end

function h.printData(node, item, args)
	if not args.tabs or #args.tabs == 0 then
		h.printSimpleData(node, item, args)
		return node
	end
	if not h.hasComplexData(item, args) then
		h.printSimpleData(node, item, args)
		return node
	end
	for i, label in ipairs(args.tabs) do
		local div = node:tag('div')
			:addClass('druid-toggleable-data')
			:addClass('druid-toggleable')
			:attr('data-druid', counter .. '-' .. i)
		if h.getTabbedContent(args, label, item) then
			div:wikitext('\n\n' .. h.getTabbedContent(args, label, item))
		else
			div:addClass('druid-toggleable-data-empty')
		end
		if i == 1 then div:addClass('focused') end
	end
	return node
end

function h.getTabbedContent(args, label, item)
	return args[label .. '_' .. item] or args[item] or TABBED_NONEXIST
end

function h.printSimpleData(node, item, args)
	node:addClass('druid-data')
		:addClass('druid-data-' .. h.escape(item))
		:wikitext('\n\n' .. args[item])
end

function h.hasComplexData(item, args)
	for _, v in ipairs(args.tabs) do
		if args[v .. '_' .. item] then return true end
	end
	return false
end

function h.printSectionHeader(node, section, args)
	if args[section .. '_nolabel'] then return end
	local tr = node:tag('tr')
		:attr('data-druid-section', h.escape(section))
	local th = tr:tag('th')
		:attr('colspan', 2)
		:addClass('druid-section')
		:addClass('druid-section-' .. h.escape(section))
	if args[section .. '_collapsible'] then
		tr:addClass('druid-collapsible')
		if args[section .. '_collapsed'] then
			tr:addClass('druid-collapsible-collapsed')
		end
	end
	local emptySections = {}
	for _, label in ipairs(args.tabs) do
		local hasLabel = false
		for _, item in ipairs(args[section] or {}) do
			if h.getTabbedContent(args, label, item) then
				hasLabel = true
			end
		end
		if not hasLabel then emptySections[label] = true end
	end
	if not next(emptySections) then
		th:wikitext(args[section .. '_label'] or section)
		return
	end
	for i, label in ipairs(args.tabs) do
		local div = th:tag('div')
			:addClass('druid-toggleable-heading')
			:addClass('druid-toggleable')
			:attr('data-druid', counter .. '-' .. i)
			:wikitext(args[section .. '_label'] or section)
		-- we are going to print the section content even in empty nodes
		-- for compatibility with browsers without :has, where hiding empty rows won't happen
		if emptySections[label] then
			div:addClass('druid-toggleable-heading-empty')
		end
		if i == 1 then
			div:addClass('focused')
		end
	end
end

function h.overwrite()
	-- this is a generic utility function that collects args from the invoke call &amp; the parent template.
	-- normally, you merge args with parent template overwriting the invoke call, but
	-- since we'll be putting markup/formatting into our invoke call,
	-- we actually want to overwrite what the user sent.
	local f = mw.getCurrentFrame()
	local origArgs = f.args
	local parentArgs = f:getParent().args

	local args = {}
	
	for k, v in pairs(parentArgs) do
		v = mw.text.trim(v)
		if v ~= '' then
			args[k] = v
		end
	end
	
	for k, v in pairs(origArgs) do
		v = mw.text.trim(tostring(v))
		if v ~= '' then
			args[k] = v
		end
	end
	
	return args
end

-- generic utility functions
-- these would normally be provided by other modules, but to make installation easy
-- I'm including everything here

function h.split(text, pattern, plain)
	if not text then
		return {}
	end
	local ret = {}
	for m in h.gsplit(text, pattern, plain) do
		ret[#ret+1] = m
	end
	return ret
end

function h.gsplit( text, pattern, plain )
	if not pattern then pattern = ',' end
	if not plain then
		pattern = '%s*' .. pattern .. '%s*'
	end
	local s, l = 1, text:len()
	return function ()
		if s then
			local e, n = text:find( pattern, s, plain )
			local ret
			if not e then
				ret = text:sub( s )
				s = nil
			elseif n &lt; e then
				-- Empty separator!
				ret = text:sub( s, e )
				if e &lt; l then
					s = e + 1
				else
					s = nil
				end
			else
				ret = e &gt; s and text:sub( s, e - 1 ) or ''
				s = n + 1
			end
			return ret
		end
	end, nil, nil
end

function h.escape(s)
	s = s:gsub(' ', '')
		:gsub('"', '')
		:gsub("'", '')
		:gsub("%?", '')
		:gsub("%%", '')
		:gsub("%[", '')
		:gsub("%]", '')
		:gsub("{", '')
		:gsub("}", '')
		:gsub("!", '')
	return s
end

return p</text>
    <sha1>406af727258b941fab09583f2fb7cc93bdcd1c95</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Module:Infobox/doc</title>
  <ns>828</ns>
  <id>190</id>
  <revision>
    <id>205</id>
    <timestamp>2024-06-13T17:42:32Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="91" xml:space="preserve">{{luadoc}} This module enables the creation of [[support:DRUID infoboxes|DRUID infoboxes]].</text>
    <sha1>2b023f1deb004fc1cb66271c10ccc2d99cc17c3d</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Module:Navbox</title>
  <ns>828</ns>
  <id>191</id>
  <revision>
    <id>206</id>
    <timestamp>2024-06-13T17:42:33Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>Scribunto</model>
    <format>text/plain</format>
    <text bytes="12049" xml:space="preserve">local p = {}
local getArgs -- lazily initialized
local args
local format = string.format

local function get_title_arg(is_collapsible, template)
	local title_arg = 1
	if is_collapsible then title_arg = 2 end
	if template then title_arg = 'template' end
	return title_arg
end

local function add_link(link_description, ul, is_mini)
	local l
	if link_description.url then
		l = {'[', '', ']'}
	else
		l = {'[[', '|', ']]'}
	end
	ul:tag('li')
		:addClass('nv-' .. link_description.full)
		:wikitext(l[1] .. link_description.link .. l[2])
		:tag(is_mini and 'abbr' or 'span')
			:attr('title', link_description.html_title)
			:wikitext(is_mini and link_description.mini or link_description.full)
			:done()
		:wikitext(l[3])
		:done()
end

local function make_list(title_text, has_brackets, is_mini)
	local title = mw.title.new(mw.text.trim(title_text), 'Template')
	if not title then
		error('Invalid title ' .. title_text)
	end
	local talkpage = title.talkPageTitle and title.talkPageTitle.fullText or ''
	
	local link_descriptions = {
		{ ['mini'] = 'v', ['full'] = 'view', ['html_title'] = 'View this template',
			['link'] = title.fullText, ['url'] = false },
		{ ['mini'] = 'e', ['full'] = 'edit', ['html_title'] = 'Edit this template',
			['link'] = title:fullUrl('action=edit'), ['url'] = true },
		{ ['mini'] = 'h', ['full'] = 'hist', ['html_title'] = 'History of this template',
			['link'] = title:fullUrl('action=history'), ['url'] = true },
	}

	local ul = mw.html.create('ul')
	if has_brackets then
		ul:addClass('navbar-brackets')
	end
	
	for _, description in ipairs(link_descriptions) do
		add_link(description, ul, is_mini)
	end
	return ul:done()
	
end

local function navbar(args)
	local is_collapsible = args.collapsible
	local is_mini = args.mini
	local is_plain = args.plain
	
	local collapsible_class = nil
	if is_collapsible then
		collapsible_class = 'navbar-collapse'
		if not is_plain then is_mini = 1 end
	end
	
	local div = mw.html.create():tag('div')
	div
		:addClass('navbar')
		:addClass('plainlinks')
		:addClass('hlist')
		:addClass(collapsible_class) -- we made the determination earlier

	if is_mini then div:addClass('navbar-mini') end

	local box_text = (args.text or 'This box: ') .. ' '
	 -- the concatenated space guarantees the box text is separated
	if not (is_mini or is_plain) then
		div
			:tag('span')
				:addClass('navbar-boxtext')
				:wikitext(box_text)
	end
	
	local template = args.template
	local has_brackets = args.brackets
	local title_arg = get_title_arg(is_collapsible, template)
	local title_text = args[title_arg] or (':' .. mw.getCurrentFrame():getParent():getTitle())
	local list = make_list(title_text, has_brackets, is_mini)
	div:node(list)

	if is_collapsible then
		local title_text_class
		if is_mini then
			title_text_class = 'navbar-ct-mini'
		else
			title_text_class = 'navbar-ct-full'
		end
		div:done()
			:tag('div')
			:addClass(title_text_class)
			:wikitext(args[1])
	end
	
	return tostring(div:done())
end

local function striped(wikitext, border)
	-- Return wikitext with markers replaced for odd/even striping.
	-- Child (subgroup) navboxes are flagged with a category that is removed
	-- by parent navboxes. The result is that the category shows all pages
	-- where a child navbox is not contained in a parent navbox.
	if border == 'subgroup' and args['orphan'] ~= 'yes' then
		-- No change; striping occurs in outermost navbox.
		return wikitext
	end
	local first, second = 'odd', 'even'
	if args['evenodd'] then
		if args['evenodd'] == 'swap' then
			first, second = second, first
		else
			first = args['evenodd']
			second = first
		end
	end
	local changer
	if first == second then
		changer = first
	else
		local index = 0
		changer = function (code)
			if code == '0' then
				-- Current occurrence is for a group before a nested table.
				-- Set it to first as a valid although pointless class.
				-- The next occurrence will be the first row after a title
				-- in a subgroup and will also be first.
				index = 0
				return first
			end
			index = index + 1
			return index % 2 == 1 and first or second
		end
	end
	return (wikitext:gsub('\127_ODDEVEN(%d?)_\127', changer)) -- () omits gsub count
end

local function processItem(item, nowrapitems)
	if item:sub(1, 2) == '{|' then
		-- Applying nowrap to lines in a table does not make sense.
		-- Add newlines to compensate for trim of x in |parm=x in a template.
		return '\n' .. item ..'\n'
	end
	if nowrapitems == 'yes' then
		local lines = {}
		for line in (item .. '\n'):gmatch('([^\n]*)\n') do
			local prefix, content = line:match('^([*:;#]+)%s*(.*)')
			if prefix and not content:match('^&lt;span class="nowrap"&gt;') then
				line = format('%s&lt;span class="nowrap"&gt;%s&lt;/span&gt;', prefix, content)
			end
			table.insert(lines, line)
		end
		item = table.concat(lines, '\n')
	end
	if item:match('^[*:;#]') then
		return '\n' .. item ..'\n'
	end
	return item
end

-- we will want this later when we want to add tstyles for hlist/plainlist
local function has_navbar()
	return args['navbar'] ~= 'off'
		and args['navbar'] ~= 'plain'
		and (
			args['name']
			or mw.getCurrentFrame():getParent():getTitle():gsub('/sandbox$', '')
				~= 'Template:Navbox'
		)
end

local function renderNavBar(titleCell)
	if has_navbar() then
		titleCell:wikitext(navbar{
			[1] = args['name'],
			['mini'] = 1,
		})
	end

end

local function renderTitleRow(tbl)
	if not args['title'] then return end

	local titleRow = tbl:tag('tr')

	local titleCell = titleRow:tag('th'):attr('scope', 'col')

	local titleColspan = 2
	if args['imageleft'] then titleColspan = titleColspan + 1 end
	if args['image'] then titleColspan = titleColspan + 1 end

	titleCell
		:addClass('navbox-title')
		:attr('colspan', titleColspan)

	renderNavBar(titleCell)

	titleCell
		:tag('div')
			-- id for aria-labelledby attribute
			:attr('id', mw.uri.anchorEncode(args['title']))
			:addClass('navbox-title-text')
			:wikitext(processItem(args['title']))
		
	tbl:tag('tr')
		:addClass('navbox-spacer')
end

local function getAboveBelowColspan()
	local ret = 2
	if args['imageleft'] then ret = ret + 1 end
	if args['image'] then ret = ret + 1 end
	return ret
end

local function renderAboveRow(tbl)
	if not args['above'] then return end

	tbl:tag('tr')
		:tag('td')
			:addClass('navbox-abovebelow')
			:attr('colspan', getAboveBelowColspan())
			:tag('div')
				-- id for aria-labelledby attribute, if no title
				:attr('id', args['title'] and nil or mw.uri.anchorEncode(args['above']))
				:wikitext(processItem(args['above'], args['nowrapitems']))
	
	tbl:tag('tr')
		:addClass('navbox-spacer')
end

local function renderBelowRow(tbl)
	if not args['below'] then return end
	
	tbl:tag('tr')
		:addClass('navbox-spacer')
		
	tbl:tag('tr')
		:tag('td')
			:addClass('navbox-abovebelow')
			:attr('colspan', getAboveBelowColspan())
			:tag('div')
				:wikitext(processItem(args['below'], args['nowrapitems']))
end

local function renderListRow(tbl, index, listnum, listnums_size)
	if index &gt; 1 then
		tbl:tag('tr')
			:addClass('navbox-spacer')
	end
	
	local row = tbl:tag('tr')

	if index == 1 and args['imageleft'] then
		row
			:tag('td')
				:addClass('noviewer')
				:addClass('navbox-image')
				:css('width', '1px')               -- Minimize width
				:css('padding', '0 2px 0 0')
				:attr('rowspan', listnums_size)
				:tag('div')
					:wikitext(processItem(args['imageleft']))
	end

	local group_and_num = format('group%d', listnum)
	if args[group_and_num] then
		local groupCell = row:tag('th')

		-- id for aria-labelledby attribute, if lone group with no title or above
		if listnum == 1 and not (args['title'] or args['above'] or args['group2']) then
			groupCell
				:attr('id', mw.uri.anchorEncode(args['group1']))
		end

		groupCell
			:attr('scope', 'row')
			:addClass('navbox-group')

		groupCell
			:wikitext(args[group_and_num])
	end

	local listCell = row:tag('td')

	if args[group_and_num] then
		listCell
			:addClass('navbox-list-with-group')
	else
		listCell:attr('colspan', 2)
	end

	local list_and_num = format('list%d', listnum)
	local listText = args[list_and_num]
	local oddEven = '\127_ODDEVEN_\127'
	if listText:sub(1, 12) == '&lt;/div&gt;&lt;table' then
		-- Assume list text is for a subgroup navbox so no automatic striping for this row.
		oddEven = listText:find('&lt;th[^&gt;]*"navbox%-title"') and '\127_ODDEVEN0_\127' or 'odd'
	end

	local listclass_and_num = format('list%dclass', listnum)
	listCell
		:addClass('navbox-list')
		:addClass('navbox-' .. oddEven)
		:addClass(args['listclass'])
		:addClass(args[listclass_and_num])
		:tag('div')
			:wikitext(processItem(listText, args['nowrapitems']))

	if index == 1 and args['image'] then
		row
			:tag('td')
				:addClass('noviewer')
				:addClass('navbox-image')
				:css('width', '1px')               -- Minimize width
				:css('padding', '0 0 0 2px')
				:attr('rowspan', listnums_size)
				:tag('div')
					:wikitext(processItem(args['image']))
	end
end


local function renderMainTable(border, listnums)
	local tbl = mw.html.create('table')
		:addClass('nowraplinks')

	local state = args['state']
	if args['title'] and state ~= 'plain' and state ~= 'off' then
		if state == 'collapsed' then
			state = 'mw-collapsed'
		end
		tbl
			:addClass('mw-collapsible')
			:addClass(state or 'autocollapse')
	end

	if border == 'subgroup' or border == 'none' then
		tbl
			:addClass('navbox-subgroup')
	else  -- regular navbox
		tbl
			:addClass('navbox-inner')
	end

	renderTitleRow(tbl)
	renderAboveRow(tbl)
	local listnums_size = #listnums
	for i, listnum in ipairs(listnums) do
		renderListRow(tbl, i, listnum, listnums_size)
	end
	renderBelowRow(tbl)

	return tbl
end

function p._navbox(navboxArgs)
	args = navboxArgs
	local listnums = {}

	for k, _ in pairs(args) do
		if type(k) == 'string' then
			local listnum = k:match('^list(%d+)$')
			if listnum then table.insert(listnums, tonumber(listnum)) end
		end
	end
	table.sort(listnums)

	local border = mw.text.trim(args['border'] or args[1] or '')
	if border == 'child' then
		border = 'subgroup'
	end

	-- render the main body of the navbox
	local tbl = renderMainTable(border, listnums)

	local res = mw.html.create()
	-- render the appropriate wrapper for the navbox, based on the border param

	if border == 'none' then
		local nav = res:tag('div')
			:attr('role', 'navigation')
			:node(tbl)
		-- aria-labelledby title, otherwise above, otherwise lone group
		if args['title'] or args['above'] or (args['group1']
			and not args['group2']) then
			nav:attr(
				'aria-labelledby',
				mw.uri.anchorEncode(
					args['title'] or args['above'] or args['group1']
				)
			)
		else
			nav:attr('aria-label', 'Navbox')
		end
	elseif border == 'subgroup' then
		-- We assume that this navbox is being rendered in a list cell of a
		-- parent navbox, and is therefore inside a div with padding:0em 0.25em.
		-- We start with a &lt;/div&gt; to avoid the padding being applied, and at the
		-- end add a &lt;div&gt; to balance out the parent's &lt;/div&gt;
		res
			:wikitext('&lt;/div&gt;')
			:node(tbl)
			:wikitext('&lt;div&gt;')
	else
		local nav = res:tag('div')
			:attr('role', 'navigation')
			:addClass('navbox')
			:addClass(args['class'])
			:node(tbl)
		-- aria-labelledby title, otherwise above, otherwise lone group
		if args['title'] or args['above']
			or (args['group1'] and not args['group2']) then
			nav:attr(
				'aria-labelledby',
				mw.uri.anchorEncode(args['title'] or args['above'] or args['group1'])
			)
		else
			nav:attr('aria-label', 'Navbox')
		end
	end

	return striped(tostring(res), border)
end

function p.navbox(frame)
	if not getArgs then
		getArgs = require('Module:ArgsUtil').merge
	end
	args = getArgs()

	-- Read the arguments in the order they'll be output in, to make references
	-- number in the right order.
	local _
	_ = args['title']
	_ = args['above']
	-- Limit this to 20 as covering 'most' cases (that's a SWAG) and because
	-- iterator approach won't work here
	for i = 1, 20 do
		_ = args[format('group%d', i)]
		_ = args[format('list%d', i)]
	end
	_ = args['below']

	return p._navbox(args)
end

return p</text>
    <sha1>b883ff63b1b77f6419fcf3bb09db9d456e3839bb</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Module:Template link</title>
  <ns>828</ns>
  <id>192</id>
  <revision>
    <id>207</id>
    <timestamp>2024-06-13T17:42:34Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>Scribunto</model>
    <format>text/plain</format>
    <text bytes="4259" xml:space="preserve">-- This implements Template:Tlg
local getArgs = require('Module:ArgsUtil').merge
local p = {}

-- Is a string non-empty?
local function _ne(s) 
	return s ~= nil and s ~= ""
end

local nw = mw.text.nowiki

local function addTemplate(s)
	local i, _ = s:find(':', 1, true)
	if i == nil then
		return 'Template:' .. s
	end
	local ns = s:sub(1, i - 1)
	if ns == '' or mw.site.namespaces[ns] then
		return s
	else
		return 'Template:' .. s
	end
end

local function trimTemplate(s)
	local needle = 'template:'
	if s:sub(1, needle:len()):lower() == needle then
		return s:sub(needle:len() + 1)	
	else
		return s
	end
end

local function linkTitle(args)
	if _ne(args.nolink) then
		return args[1]
	end
	
	local titleObj
	local titlePart = '[['
	if args[1] then
		-- This handles :Page and other NS
		titleObj = mw.title.new(args[1], 'Template')
	else
		titleObj = mw.title.getCurrentTitle()
	end
	
	titlePart = titlePart .. (titleObj ~= nil and titleObj.fullText or
				addTemplate(args[1]))
	
	local textPart = args.alttext
	if not _ne(textPart) then
		if titleObj ~= nil then
			textPart = titleObj:inNamespace("Template") and args[1] or titleObj.fullText
		else
			-- redlink
			textPart = args[1]
		end
	end
	
	if _ne(args.subst) then
		-- HACK: the ns thing above is probably broken
		textPart = 'subst:' .. textPart
	end
	
	if _ne(args.brace) then
		textPart = nw('{{') .. textPart .. nw('}}')
	elseif _ne(args.braceinside) then
		textPart = nw('{') .. textPart .. nw('}')
	end
	
	titlePart = titlePart .. '|' .. textPart .. ']]'
	if _ne(args.braceinside) then
		titlePart = nw('{') .. titlePart .. nw('}')
	end
	return titlePart
end

function p.main(frame)
	local args = getArgs()
	return p._main(args)
end

function p._main(args)
	local bold = _ne(args.bold) or _ne(args.boldlink) or _ne(args.boldname)
	local italic = _ne(args.italic) or _ne(args.italics)
	local dontBrace = _ne(args.brace) or _ne(args.braceinside)
	local code = _ne(args.code) or _ne(args.tt)
	local show_result = _ne(args._show_result)
	local expand = _ne(args._expand)
	
	-- Build the link part
	local titlePart = linkTitle(args)
	if bold then titlePart = "'''" .. titlePart .. "'''" end
	if _ne(args.nowrapname) then titlePart = '&lt;span class="nowrap"&gt;' .. titlePart .. '&lt;/span&gt;' end
	
	-- Build the arguments
	local textPart = ""
	local textPartBuffer = "&amp;#124;"
	local codeArguments = {}
	local codeArgumentsString = ""
	local i = 2
	local j = 1
	while args[i] do
		local val = args[i]
		if val ~= "" then
			if _ne(args.nowiki) then
				-- Unstrip nowiki tags first because calling nw on something that already contains nowiki tags will
				-- mangle the nowiki strip marker and result in literal UNIQ...QINU showing up
				val = nw(mw.text.unstripNoWiki(val))
			end
			local k, v = string.match(val, "(.*)=(.*)")
			if not k then
				codeArguments[j] = val
				j = j + 1
			else
				codeArguments[k] = v
			end
			codeArgumentsString = codeArgumentsString .. textPartBuffer .. val
			if italic then
				val = '&lt;span style="font-style:italic;"&gt;' .. val .. '&lt;/span&gt;'
			end
			textPart = textPart .. textPartBuffer .. val
		end
		i = i + 1
	end

	-- final wrap
	local ret = titlePart .. textPart
	if not dontBrace then ret = nw('{{') .. ret .. nw('}}') end
	if _ne(args.a) then ret = nw('*') .. '&amp;nbsp;' .. ret end
	if _ne(args.kbd) then ret = '&lt;kbd&gt;' .. ret .. '&lt;/kbd&gt;' end
	if code then
		ret = '&lt;code&gt;' .. ret .. '&lt;/code&gt;'
	elseif _ne(args.plaincode) then
		ret = '&lt;code style="border:none;background:transparent;"&gt;' .. ret .. '&lt;/code&gt;'
	end
	if _ne(args.nowrap) then ret = '&lt;span class="nowrap"&gt;' .. ret .. '&lt;/span&gt;' end
	
	--[[ Wrap as html?? 
	local span = mw.html.create('span')
	span:wikitext(ret)
	--]]
	if _ne(args.debug) then ret = ret .. '\n&lt;pre&gt;' .. mw.text.encode(mw.dumpObject(args)) .. '&lt;/pre&gt;' end

	if show_result then
		local result = mw.getCurrentFrame():expandTemplate{title = addTemplate(args[1]), args = codeArguments}
		ret = ret .. " → " .. result
	end

	if expand then
		local query = mw.text.encode('{{' .. addTemplate(args[1]) .. string.gsub(codeArgumentsString, textPartBuffer, "|") .. '}}')
		local url = mw.uri.fullUrl('special:ExpandTemplates', 'wpInput=' .. query)
		mw.log()
		ret = ret .. " [" .. tostring(url) .. "]"
	end

	return ret
end

return p</text>
    <sha1>8cf3918c48e9ee8d379419775d7d7ce94257884f</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Module:Template link/doc</title>
  <ns>828</ns>
  <id>193</id>
  <revision>
    <id>208</id>
    <timestamp>2024-06-13T17:42:35Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="47" xml:space="preserve">{{From Wikipedia|Module:Template link general}}</text>
    <sha1>1a395265ccbd055518c1d14b52362cc148b89c81</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Weyrdlets Wiki</title>
  <ns>0</ns>
  <id>194</id>
  <revision>
    <id>209</id>
    <timestamp>2024-06-13T17:42:38Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="9287" xml:space="preserve">&lt;!--
  IF YOU'RE LOOKING TO USE THIS MESSAGE AS A MAIN PAGE, DO NOT. PLEASE FOLLOW THE INSTRUCTIONS.

  THIS MESSAGE IS JUST HERE TO WELCOME YOU TO YOUR NEW WIKI, AND TO GUIDE YOU THROUGH THE INITIAL STEPS
  OF WORKING WITH MEDIAWIKI AND OUR ON-BOARDING PROCESS. THIS IS NOT MEANT TO BE REMADE INTO A MAIN PAGE.
--&gt;
&lt;div style="text-align: center"&gt;
	&lt;h1 style="color: #ff1980; font-weight: 700; border-bottom: 0"&gt;Welcome to wiki.gg!&lt;/h1&gt;
	Your wiki has been prepared with several [[mw:Help:Templates|templates]] and [[support:Help:CSS|CSS pages]] that will help you get started.
&lt;/div&gt;&lt;!--

--&gt;{{#vardefine:gutter-styles|style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: center; margin-top: 1em; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--visited: var(--wiki-content-link-color);"}}&lt;!--
--&gt;{{#vardefine:guide-box-styles-lvl1|style="border: 2px solid #ff1980; border-radius: 4px; padding: 0 1.2em 0.8em; background: #710e3a; color: #fff; font-size: 1.2em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003"}}&lt;!--
--&gt;{{#vardefine:guide-box-styles-lvl2|style="border: 2px solid #771c45; border-radius: 4px; padding: 0 1.2em 0.8em; background: #371524; color: #fff; font-size: 1.05em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003"}}&lt;!--
--&gt;{{#vardefine:guide-box-styles-lvl3|style="border: 2px solid #771c45; border-radius: 4px; padding: 0 1.2em 0.8em; background: #37363736; font-size: 0.98em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003"}}&lt;!--
--&gt;{{#vardefine:guide-heading-styles|style="font-weight: 700; border-bottom: 0; color: inherit"}}

&lt;div {{#var:gutter-styles}}&gt;
	&lt;div {{#var:guide-box-styles-lvl1}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;1. If you haven't yet,&lt;/h2&gt;
		please log in ([[support:Logging into an onboarding wiki|help, how do I log in?]]) (you will need to create a new account if you haven't previously edited wiki.gg wikis). If your wiki has been imported and you've had an account on the original site, please [[Special:ClaimExternalAccount|claim your username]] instead.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl1}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;2. Logged in now?&lt;/h2&gt;
		Let's make an edit! Add your user name on this next line after it says "My name is:" (Hint, using Ctrl+F for nearby keywords can help. Bananas.)

		&lt;!-- Here! --&gt;
		''My name is:'' 

		Congratulations! You have now edited your wiki!
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl1}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;3. Get administrator rights&lt;/h2&gt;
		Leave your wiki user name in your on-boarding channel, so we may grant you administrator permissions. These will let you delete pages, restrict who can edit a page, and you'll also be able to theme your wiki later.

		If your account was imported, it '''must''' be reclaimed first.
	&lt;/div&gt;
&lt;/div&gt;

&lt;div {{#var:gutter-styles}}&gt;
	&lt;div {{#var:guide-box-styles-lvl2}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;Setting up the main page&lt;/h2&gt;
# Pick one of the example main pages and "move" (under the "More" dropdown in the upper-right-hand corner of your window) it to &lt;code&gt;{{int:Mainpage}}&lt;/code&gt;.
#* It'll ask you if you're ''sure'' you want to move the page since there's some content here now. You should say yes, delete the content. You can access this content on the [[support:Default main page|support wiki]] at any point in the future.
#* Here are the main pages you can pick from &amp; move to &lt;code&gt;{{int:Mainpage}}&lt;/code&gt;:
#** [[Example Main Page 1]]
#** [[Example Main Page 2]]
# Visit [[Special:AllPages]] and delete any example pages you no longer need. If you want, you can do this in bulk with [[Special:Nuke]], entering the pattern &lt;code&gt;Example %&lt;/code&gt;. Limit it to the namespace &lt;code&gt;(Main)&lt;/code&gt;, the first option in the "namespace" dropdown.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl2}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;Theming&lt;/h2&gt;
# Use [[Special:Upload]] to upload a favicon called &lt;code&gt;Site-favicon.ico&lt;/code&gt;. This icon is shown on your browser's tab bar, next to the page's title. It should be 48x48px and look good at 16x16px.
# Use [[Special:Upload]] to upload a wiki logo called &lt;code&gt;Site-logo.png&lt;/code&gt;. For most wikis, this should be 160x160px.
# Protect the favicon and the logo, so only administrators may edit and replace them.
# Customize your theme by editing the variables at [[MediaWiki:Common.css]]. Remember to use Ctrl+F5 or Ctrl+Shift+R to cache-refresh in your browser after making any changes!
#* Pages in the "MediaWiki" namespace are protected by default, and only your wiki's administrators can edit them.
#* You may want to learn [https://river.me/blog/dev-tools/ how to use your browser's dev tools] to help in styling.
#* Remember to protect any additional files you upload for your theme!
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl2}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;Sidebar links&lt;/h2&gt;
		Edit [[MediaWiki:Sidebar]] to customize the navigation menu on the left. You can remove the "Customizing this wiki" section if you want, but you may want to bookmark those links first.
	&lt;/div&gt;

&lt;/div&gt;
&lt;h2 style="color: #ff1980; font-weight: 700; border-bottom: 0; text-align: center; margin-top: 3em"&gt;Frequently asked questions&lt;/h2&gt;
&lt;div {{#var:gutter-styles}}&gt;
	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How do I make a new page?&lt;/h2&gt;
		Click ''[[Special:NewPage|New page]]'' on the sidebar to the left. This link will always be visible from the sidebar, and you can also bookmark that page if you want.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How do I rename a page?&lt;/h2&gt;
		In the upper-right-hand corner of the page there's a dropdown menu. Renaming in MediaWiki is called "moving" so click "Move" and you'll be able to choose a new name.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;When should I make the wiki public?&lt;/h2&gt;
		As soon as possible! We require you to have a logo [[Special:Upload|uploaded]] called &lt;code&gt;Site-logo.png&lt;/code&gt; and a favicon [[Special:Upload|uploaded]] called &lt;code&gt;Site-favicon.ico&lt;/code&gt;. (Ignore any warnings you see when uploading those two files.)&lt;br&gt;&lt;br&gt;You may also want to customize your theme a bit and replace the contents of this page with your own main page content. But once there is even 1 content page, people can start finding your wiki useful, so you should plan to "release" it as soon as possible. We like for wikis to take at '''most''' one month to prepare to be public, but many wikis are ready within a week and that's awesome!
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How can someone else edit this wiki?&lt;/h2&gt;
		If you want them to help out now, while you're in onboarding, then send them the same link you used to join the Discord server. If they need to edit CSS or create Cargo tables, you can also request that we give them Administrator privileges. If you want them to help edit after the wiki is public, then all they have to do is make an account, and if they need Admin you can request it in the {{int:Wikigg-socialmedia-link}}.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How do I stop others from editing my wiki?&lt;/h2&gt;
		By default, wiki.gg doesn't allow anonymous (logged-out) editing (although if you want to enable that we can, let us know!). Therefore, we do not recommend taking any steps to stop other people from editing your wiki. The only pages you should protect are this one (the main page) &amp; any files used in your theme (logo, favicon, background)! But if an edit war does break out and you need to restrict editing, you can go to the "More" dropdown in the upper-right corner of the page interface and then click "Protect." We recommend setting a duration of one month or less.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How do I get extensions installed?&lt;/h2&gt;
		Let us know what extensions you need in your onboarding Discord channel. If possible, please try to make all your requests at once, so we can get to them all easily.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How can I see the info on this page after I delete it?&lt;/h2&gt;
		We have a mirror on our [[support:Default main page|support wiki]], you can bookmark that :)
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;I want to rename my account!&lt;/h2&gt;
		If you reclaimed your account from another hosting site &amp; want to rename, we can help you with that! Ask us to do it at the time that your wiki goes live, since we'll be continuing to mirror edits from the old platform until that time.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;I looked at the source of this main page, why is there so much inline CSS?&lt;/h2&gt;
		We intend for you to delete this page ASAP, therefore it's coded in a way to make deletion very easy (with no extra styles left over in [[MediaWiki:Common.css]]). We do '''NOT''' recommend taking this approach (with inline styles &amp; variables) on your own pages!!!!! Remember you can always view this content on the [[support:Default main page|support wiki]] (you may want to bookmark that page).
	&lt;/div&gt;
&lt;/div&gt;

__NOTITLE__
__NOTOC__
__NOEDITSECTION__</text>
    <sha1>69b66111e3590a01af5d20bde1899a72c104dcd9</sha1>
  </revision>
  <revision>
    <id>210</id>
    <parentid>209</parentid>
    <timestamp>2024-06-13T17:42:39Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Weyrdlets Wiki]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="9287" xml:space="preserve">&lt;!--
  IF YOU'RE LOOKING TO USE THIS MESSAGE AS A MAIN PAGE, DO NOT. PLEASE FOLLOW THE INSTRUCTIONS.

  THIS MESSAGE IS JUST HERE TO WELCOME YOU TO YOUR NEW WIKI, AND TO GUIDE YOU THROUGH THE INITIAL STEPS
  OF WORKING WITH MEDIAWIKI AND OUR ON-BOARDING PROCESS. THIS IS NOT MEANT TO BE REMADE INTO A MAIN PAGE.
--&gt;
&lt;div style="text-align: center"&gt;
	&lt;h1 style="color: #ff1980; font-weight: 700; border-bottom: 0"&gt;Welcome to wiki.gg!&lt;/h1&gt;
	Your wiki has been prepared with several [[mw:Help:Templates|templates]] and [[support:Help:CSS|CSS pages]] that will help you get started.
&lt;/div&gt;&lt;!--

--&gt;{{#vardefine:gutter-styles|style="display: flex; flex-wrap: wrap; gap: 1em; justify-content: center; margin-top: 1em; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--visited: var(--wiki-content-link-color);"}}&lt;!--
--&gt;{{#vardefine:guide-box-styles-lvl1|style="border: 2px solid #ff1980; border-radius: 4px; padding: 0 1.2em 0.8em; background: #710e3a; color: #fff; font-size: 1.2em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003"}}&lt;!--
--&gt;{{#vardefine:guide-box-styles-lvl2|style="border: 2px solid #771c45; border-radius: 4px; padding: 0 1.2em 0.8em; background: #371524; color: #fff; font-size: 1.05em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003"}}&lt;!--
--&gt;{{#vardefine:guide-box-styles-lvl3|style="border: 2px solid #771c45; border-radius: 4px; padding: 0 1.2em 0.8em; background: #37363736; font-size: 0.98em; flex-basis: 550px; box-shadow: 0 0 1.3rem #0003"}}&lt;!--
--&gt;{{#vardefine:guide-heading-styles|style="font-weight: 700; border-bottom: 0; color: inherit"}}

&lt;div {{#var:gutter-styles}}&gt;
	&lt;div {{#var:guide-box-styles-lvl1}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;1. If you haven't yet,&lt;/h2&gt;
		please log in ([[support:Logging into an onboarding wiki|help, how do I log in?]]) (you will need to create a new account if you haven't previously edited wiki.gg wikis). If your wiki has been imported and you've had an account on the original site, please [[Special:ClaimExternalAccount|claim your username]] instead.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl1}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;2. Logged in now?&lt;/h2&gt;
		Let's make an edit! Add your user name on this next line after it says "My name is:" (Hint, using Ctrl+F for nearby keywords can help. Bananas.)

		&lt;!-- Here! --&gt;
		''My name is:'' 

		Congratulations! You have now edited your wiki!
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl1}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;3. Get administrator rights&lt;/h2&gt;
		Leave your wiki user name in your on-boarding channel, so we may grant you administrator permissions. These will let you delete pages, restrict who can edit a page, and you'll also be able to theme your wiki later.

		If your account was imported, it '''must''' be reclaimed first.
	&lt;/div&gt;
&lt;/div&gt;

&lt;div {{#var:gutter-styles}}&gt;
	&lt;div {{#var:guide-box-styles-lvl2}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;Setting up the main page&lt;/h2&gt;
# Pick one of the example main pages and "move" (under the "More" dropdown in the upper-right-hand corner of your window) it to &lt;code&gt;{{int:Mainpage}}&lt;/code&gt;.
#* It'll ask you if you're ''sure'' you want to move the page since there's some content here now. You should say yes, delete the content. You can access this content on the [[support:Default main page|support wiki]] at any point in the future.
#* Here are the main pages you can pick from &amp; move to &lt;code&gt;{{int:Mainpage}}&lt;/code&gt;:
#** [[Example Main Page 1]]
#** [[Example Main Page 2]]
# Visit [[Special:AllPages]] and delete any example pages you no longer need. If you want, you can do this in bulk with [[Special:Nuke]], entering the pattern &lt;code&gt;Example %&lt;/code&gt;. Limit it to the namespace &lt;code&gt;(Main)&lt;/code&gt;, the first option in the "namespace" dropdown.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl2}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;Theming&lt;/h2&gt;
# Use [[Special:Upload]] to upload a favicon called &lt;code&gt;Site-favicon.ico&lt;/code&gt;. This icon is shown on your browser's tab bar, next to the page's title. It should be 48x48px and look good at 16x16px.
# Use [[Special:Upload]] to upload a wiki logo called &lt;code&gt;Site-logo.png&lt;/code&gt;. For most wikis, this should be 160x160px.
# Protect the favicon and the logo, so only administrators may edit and replace them.
# Customize your theme by editing the variables at [[MediaWiki:Common.css]]. Remember to use Ctrl+F5 or Ctrl+Shift+R to cache-refresh in your browser after making any changes!
#* Pages in the "MediaWiki" namespace are protected by default, and only your wiki's administrators can edit them.
#* You may want to learn [https://river.me/blog/dev-tools/ how to use your browser's dev tools] to help in styling.
#* Remember to protect any additional files you upload for your theme!
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl2}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;Sidebar links&lt;/h2&gt;
		Edit [[MediaWiki:Sidebar]] to customize the navigation menu on the left. You can remove the "Customizing this wiki" section if you want, but you may want to bookmark those links first.
	&lt;/div&gt;

&lt;/div&gt;
&lt;h2 style="color: #ff1980; font-weight: 700; border-bottom: 0; text-align: center; margin-top: 3em"&gt;Frequently asked questions&lt;/h2&gt;
&lt;div {{#var:gutter-styles}}&gt;
	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How do I make a new page?&lt;/h2&gt;
		Click ''[[Special:NewPage|New page]]'' on the sidebar to the left. This link will always be visible from the sidebar, and you can also bookmark that page if you want.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How do I rename a page?&lt;/h2&gt;
		In the upper-right-hand corner of the page there's a dropdown menu. Renaming in MediaWiki is called "moving" so click "Move" and you'll be able to choose a new name.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;When should I make the wiki public?&lt;/h2&gt;
		As soon as possible! We require you to have a logo [[Special:Upload|uploaded]] called &lt;code&gt;Site-logo.png&lt;/code&gt; and a favicon [[Special:Upload|uploaded]] called &lt;code&gt;Site-favicon.ico&lt;/code&gt;. (Ignore any warnings you see when uploading those two files.)&lt;br&gt;&lt;br&gt;You may also want to customize your theme a bit and replace the contents of this page with your own main page content. But once there is even 1 content page, people can start finding your wiki useful, so you should plan to "release" it as soon as possible. We like for wikis to take at '''most''' one month to prepare to be public, but many wikis are ready within a week and that's awesome!
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How can someone else edit this wiki?&lt;/h2&gt;
		If you want them to help out now, while you're in onboarding, then send them the same link you used to join the Discord server. If they need to edit CSS or create Cargo tables, you can also request that we give them Administrator privileges. If you want them to help edit after the wiki is public, then all they have to do is make an account, and if they need Admin you can request it in the {{int:Wikigg-socialmedia-link}}.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How do I stop others from editing my wiki?&lt;/h2&gt;
		By default, wiki.gg doesn't allow anonymous (logged-out) editing (although if you want to enable that we can, let us know!). Therefore, we do not recommend taking any steps to stop other people from editing your wiki. The only pages you should protect are this one (the main page) &amp; any files used in your theme (logo, favicon, background)! But if an edit war does break out and you need to restrict editing, you can go to the "More" dropdown in the upper-right corner of the page interface and then click "Protect." We recommend setting a duration of one month or less.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How do I get extensions installed?&lt;/h2&gt;
		Let us know what extensions you need in your onboarding Discord channel. If possible, please try to make all your requests at once, so we can get to them all easily.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;How can I see the info on this page after I delete it?&lt;/h2&gt;
		We have a mirror on our [[support:Default main page|support wiki]], you can bookmark that :)
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;I want to rename my account!&lt;/h2&gt;
		If you reclaimed your account from another hosting site &amp; want to rename, we can help you with that! Ask us to do it at the time that your wiki goes live, since we'll be continuing to mirror edits from the old platform until that time.
	&lt;/div&gt;

	&lt;div {{#var:guide-box-styles-lvl3}}&gt;
		&lt;h2 {{#var:guide-heading-styles}}&gt;I looked at the source of this main page, why is there so much inline CSS?&lt;/h2&gt;
		We intend for you to delete this page ASAP, therefore it's coded in a way to make deletion very easy (with no extra styles left over in [[MediaWiki:Common.css]]). We do '''NOT''' recommend taking this approach (with inline styles &amp; variables) on your own pages!!!!! Remember you can always view this content on the [[support:Default main page|support wiki]] (you may want to bookmark that page).
	&lt;/div&gt;
&lt;/div&gt;

__NOTITLE__
__NOTOC__
__NOEDITSECTION__</text>
    <sha1>69b66111e3590a01af5d20bde1899a72c104dcd9</sha1>
  </revision>
  <revision>
    <id>249</id>
    <parentid>210</parentid>
    <timestamp>2024-07-04T19:29:30Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3429" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the '''{{SITENAME}}'''&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;About Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;[[File:Keyart.jpg|360px|link=]]&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a wholesome virtual pet that exists right on your desktop. Explore the islands, play mini-games and build your pet a cozy new home.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box feature"&gt;&lt;!--
			--&gt;&lt;h2&gt;Features&lt;/h2&gt;&lt;!-- 
			--&gt;
* '''Adopt Your Very Own Pet''': Experience adopting a unique virtual pet with quirky [[abilities]]. 
* '''Work &amp; Chill with your Weyrdlet''': Want a companion while you work? Bring your [[pet]] with you and let it roam! While you work hard, your pet plays hard, too. 
* '''Customize your pet and its home''': Personalize your Weyrdlet and its home with [[accessories]] and [[stickers]], from Viking hats and shades to charming home decor. 
* '''Focus on work with our productivity tools''': Increase your productivity with our tools on your desktop, including a pomodoro timer, a to-do list and a habit tracker.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>1dcef652733c615224fa861983dd5d9c57670b86</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Main Page</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>213</id>
    <parentid>1</parentid>
    <timestamp>2024-06-13T17:42:42Z</timestamp>
    <contributor>
      <username>RheingoldRiver</username>
      <id>2743</id>
    </contributor>
    <comment>Adding default set of pages</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="28" xml:space="preserve">#redirect [[Weyrdlets Wiki]]</text>
    <sha1>094b0ef8d602bbf6fc0fd1f362faba76e826f0d9</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>MediaWiki:Vector.css</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>214</id>
    <parentid>22</parentid>
    <timestamp>2024-06-30T20:00:29Z</timestamp>
    <contributor>
      <username>BotRiver</username>
      <id>503139</id>
    </contributor>
    <comment>Automated CSS update ([[support:MediaWiki 1.41 update|1.41 follow-up]])</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="130907" xml:space="preserve">/* All CSS here will be loaded for users of the Vector skin */

/************************************
* Body, head, and general framework *
*************************************/
body {
    background-image: var(--wiki-body-background-image);
    background-size:cover;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: var(--wiki-body-background-color);
    font-family: var(--wiki-body-font-family);
    accent-color: var(--wiki-accent-color);
}

#mw-page-base {
    background:none;
}

/* let ul default to text that respects color */
ul {
    list-style-image: none;
}

/* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */
table {
    display: table;
    white-space: unset;
}

/* Signal color scheme hints to browsers */
html.view-dark { color-scheme: dark }
html.view-light { color-scheme: light }

/************************
* End general framework *
*************************/

/**************
* Vector tabs *
***************/

.vector-menu-tabs-legacy li,
#p-cactions {
	background-image: linear-gradient(
        to top,
        var(--wiki-navigation-border-color) 0,
        var(--wiki-navigation-background-color) 1px,
        var(--wiki-navigation-background-color--secondary) 100%);
}

#p-cactions {
    z-index: 5;
}

.vector-menu-dropdown {
    /* Matching a built-in rule for .vector-menu-tabs-legacy */
    height: 2.5em;
}

.vector-menu-tabs-legacy li.selected {
    background: var(--wiki-navigation-selected-background-color);
    border-color: var(--wiki-navigation-selected-border-color);
}

.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading{
	background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%);
}

.vector-menu-tabs li a,
.vector-menu-tabs li.new a,
.vector-menu-tabs li.new a:visited,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    color: var(--wiki-navigation-text-color);
}

.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
    color: var(--wiki-navigation-selected-text-color);
}

.vector-menu-dropdown .vector-menu-content {
    background: none;
    border: none;
    box-shadow:none;
    margin-top:-1px;
}

.vector-menu-dropdown .vector-menu-content-list {
    background-color: var(--wiki-navigation-background-color--secondary);
    border: 1px solid var(--wiki-navigation-border-color);
}

div.vectorMenu .mw-list-item a,
.vector-menu-dropdown .mw-list-item.selected a,
.vector-menu-dropdown .mw-list-item.selected a:visited {
    color: var(--wiki-navigation-text-color);
}

.vector-menu-dropdown .vector-menu-heading::after {
    filter: brightness(0) var(--wiki-icon-to-link-filter);
}

#p-search {
    z-index:2;
}

#p-search .searchButton {
    background-color:transparent;
}

/******************
* End vector tabs *
*******************/

/********
* Links *
*********/
a,
.mw-parser-output a.external,
.mw-parser-output a.extiw {
    color: var(--wiki-content-link-color);
}

a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited {
    color: var(--wiki-content-link-color--visited);
}

a:not(.mw-selflink):hover,
a:visited:hover,
.mw-parser-output a.extiw:hover,
.mw-parser-output a.extiw:visited:hover,
.mw-parser-output a.external:hover,
.mw-parser-output a.external:visited:hover {
    color:var(--wiki-content-link-color--hover);
}

a.new,
a.new:visited,
.mw-usertoollinks-contribs-no-edits {
    color:var(--wiki-content-redlink-color);
}

/* move external marker to an after so we can filter it to link color */
.mw-parser-output a.external {
	background:none;
	padding-right: 0;
}

.mw-parser-output a.external::after {
	display:inline-block;
	width:1em;
	height:1em;
	background-image: url(/skins/Vector/resources/skins.vector.styles/images/link-external-small-ltr-progressive.svg?14604);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 0.857em;
	content:'';
	filter:brightness(0) var(--wiki-icon-to-link-filter);
	vertical-align: text-top;
}

a.extiw[title^="wikipedia:"]::after {
    display:inline-block;
    height:1em;
    width:1em;
    margin-left:1px;
    background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg);
    background-size:0.857em;
    background-repeat:no-repeat;
    background-position:center right;
    content:'';
    vertical-align: text-top;
}

a.extiw[title^="mw:"]::after {
    display:inline-block;
    height:1em;
    width:1em;
    margin-left:1px;
    background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg);
    background-size:0.857em;
    background-repeat:no-repeat;
    background-position:center right;
    content:'';
    vertical-align: text-top;
}
/************
* End links *
*************/

/***************
* Left Sidebar *
****************/

#mw-panel .vector-menu-portal {
    background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity));
    border:1px solid var(--wiki-sidebar-border-color);
}

@media screen and (max-width: 720px) {
	#mw-panel .vector-menu-portal {
		background-color: var(--wiki-sidebar-background-color);
	}
}

#mw-panel .vector-menu-portal + .vector-menu-portal {
    border-top: 0;
}

#mw-panel .vector-menu-portal:last-child {
    margin-bottom:0;
}

.vector-menu-portal .vector-menu-heading {
	padding: 0.75em 0 0 0.67em;
	margin: 0;
}
.vector-menu-portal .vector-menu-content {
	margin: 0 0.5em;
}

.vector-menu-portal .vector-menu-content .mw-list-item a,
.vector-menu-portal .vector-menu-content .mw-list-item a:visited {
    color: var(--wiki-sidebar-link-color);
}

.vector-menu-portal .vector-menu-heading {
    background: none;
    color: var(--wiki-sidebar-heading-color);
    font-family:var(--wiki-heading-font-family);
}

#t-newpage {
  --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-upload {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-print {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-whatlinkshere {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-specialpages {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-cargopagevalueslink {
  --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E");
  order:-1;
}

#t-specialpages &gt; a::before,
#t-whatlinkshere &gt; a::before,
#t-print &gt; a::before,
#t-newpage &gt; a::before,
#t-upload &gt; a::before,
#t-cargopagevalueslink &gt; a::before {
  content:'';
  background-image:var(--sidebar-icon);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  display:inline-block;
  width:15px;
  height:15px
}

#p-tb .mw-list-item &gt; a::before {
  filter:var(--wiki-icon-to-link-filter)
}

#p-tb .mw-list-item &gt; a {
  display:flex;
  align-items:center;
  gap:3px
}

#p-tb .vector-menu-content-list {
  display:flex;
  flex-direction:column;
}

/*******************
* End left sidebar *
********************/

/*******
* Logo *
********/
/* [[File:Site-logo.png]] */

.mw-wiki-logo {
    background-size: contain;
}

/***********
* End logo *
************/

/***************
* Content area *
****************/

.mw-body,
.parsoid-body,
.mw-footer {
  color: var(--wiki-content-text-color);
  background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity));
  border: 1px solid var(--wiki-content-border-color);
  margin-right: 1em;
}

.mw-footer {
    border-top:none;
}

.mw-footer li {
    color: var(--wiki-content-text-color);
}

@media screen and (max-width: 981px) {
    .mw-body,
    .parsoid-body,
    .mw-footer {
        margin-right: 0;
    }
}

/*******************************
* End content area and footer *
*******************************/

/***********************************
* wiki.gg network elements tuning *
*********************************/

#wikigg-footer {
    position: sticky;
    top: 100%;
    margin-top: 0.5rem;
    clear: both;
}

/**
 * Only clear right side in the MW footer to prevent icon overflow. This is accompanied by
 * the full clear on netfooter to stop the sidebar from offsetting it.
 */
.mw-footer &gt; div[style^="clear"]:last-child {
    clear: right !important;
}

/***************************************
* End wiki.gg network elements tuning *
*************************************/

/***********
* Headings *
************/
.mw-body h1,
.mw-body h2 {
    border-bottom: 1px solid var(--wiki-content-border-color);
}

.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
    color: var(--wiki-heading-color);
    font-family:var(--wiki-heading-font-family);
}

/***************
* End headings *
****************/

/*************
* Wikitables *
**************/
.wikitable {
    background: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.wikitable&gt;tr&gt;th,
.wikitable&gt;*&gt;tr&gt;th {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.wikitable&gt;tr&gt;td,
.wikitable&gt;*&gt;tr&gt;td {
    border: 1px solid var(--wiki-content-border-color);
}

/* Forward = yes bg on Special:Interwiki */
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
    background: rgba(var(--wiki-content-link-color--rgb), .1);
}

.zebra-table &gt; * &gt; tr:nth-of-type(2n),
.zebra-table &gt; tr:nth-of-type(2n) {
    background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05);
}

.view-dark .client-js .sortable:not(.jquery-tablesorter) &gt; * &gt; tr:first-child &gt; th:not(.unsortable),
.view-dark .jquery-tablesorter th.headerSort {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

.view-dark .jquery-tablesorter th.headerSortUp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

.view-dark .jquery-tablesorter th.headerSortDown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E");
}

/*****************
* End wikitables *
******************/

/**************
* Preferences *
***************/
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs&gt;.oo-ui-menuLayout-content&gt;.oo-ui-indexLayout-stackLayout&gt;.oo-ui-tabPanelLayout {
    border: none;
}

.oo-ui-tabSelectWidget-framed {
    background-color: transparent;
    border-bottom: 1px solid var(--wiki-content-link-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
    color: var(--wiki-content-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
    background-color: var(--wiki-content-link-color);
    color: var(--wiki-content-link-label-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
    border-bottom: none;
}

#preferences .mw-htmlform-submit-buttons {
    background-color: var(--wiki-content-background-color);
    border-top: 1px solid var(--wiki-content-link-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color)
}

.oo-ui-pendingElement-pending {
	background-color: var(--wiki-content-background-color--secondary);
	background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
    color: var(--wiki-content-text-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
.oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input,
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: Var(--wiki-content-text-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected,
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.15);
    color: var(--wiki-content-link-color);
}

/****************
* End preferences *
*****************/

/***************
* Page history *
****************/
#pagehistory li {
    background-color: transparent;
    border: none;
}

#pagehistory li.selected {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px dashed var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.diff td.diff-addedline {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-success-color);
    border-width: 1px 1px 1px 4px;
}

.diff td.diff-addedline .diffchange {
    background-color: var(--wiki-success-color);
    color: var(--wiki-success-label-color);
}

.diff td.diff-deletedline {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-alert-color);
    border-width: 1px 1px 1px 4px;
}

.diff td.diff-deletedline .diffchange {
    background-color: var(--wiki-alert-color);
    color: var(--wiki-alert-label-color)
}

.diff td.diff-context {
    background: transparent;
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.diff-marker a.mw-diff-movedpara-right {
    color: transparent;
}

.diff-marker a.mw-diff-movedpara-right:hover:after {
    opacity: .75;
}

.diff-marker a.mw-diff-movedpara-right:after {
    color: var(--wiki-content-text-color);
    content: "\21a9";
}

.diff-marker a.mw-diff-movedpara-left {
    color: transparent;
}

.diff-marker a.mw-diff-movedpara-left:hover:after {
    opacity: .75;
}

.diff-marker a.mw-diff-movedpara-left:after {
    color: var(--wiki-content-text-color);
    content: "\21aa";
}

.mw-plusminus-neg {
  color:var(--wiki-alert-color);
}

.mw-plusminus-pos {
  color:var(--wiki-success-color);
}

/*******************
* End page history *
********************/

/********************
* Table of contents *
*********************/
#toc,
.toc,
.toccolours,
.mw-warning {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    box-shadow: 0 0.1em 0.2em #000000;
}

.toctogglelabel {
    color: var(--wiki-content-link-color);
}

.tocnumber {
    color: var(--wiki-content-text-color);
}

/************************
* End table of contents *
*************************/

/*************
* Thumbnails *
**************/
div.thumb {
    border: 1px solid var(--wiki-content-border-color);
    margin: 2px;
    margin-left: 6px;
}

img.thumbborder {
    border: 1px solid var(--wiki-content-border-color);
    padding: 5px;
}

div.thumbinner {
    background-color: rgba(255, 255, 255, .2);
}

li.gallerybox div.thumb {
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid var(--wiki-content-border-color);
}

html .thumbimage {
    border: 1px solid var(--wiki-content-border-color);
}

.thumb,
.thumb .thumbinner,
.thumb .thumbimage {
    max-width: 100%;
    box-sizing: border-box;
}

.thumb .thumbimage {
    height: auto;
}

/* packed-overlay mode for galleries */
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper {
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8);
}

/* Responsive floating thumbnails */
@media screen and (max-width: 720px) {
    div.tright {
        float: none;
        margin: 0 auto;
        width: max-content;
    }
}

/*****************
* End thumbnails *
******************/

/**************
* Wiki editor *
***************/
#wpTextbox0 {
  /* need !important here to override inline styling */
  background-color:var(--wiki-content-background-color) !important;
}

.wikiEditor-ui {
    border: none;
}

.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui .wikiEditor-ui-view {
  border-color:var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar {
    background: var(--wiki-content-background-color--secondary);
}

.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
    border-color:var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wiikiEditor-ui-toolbar .tabs span.tab a.current:visited,
.wikiEditor-ui-toolbar .booklet .index .current {
    color: var(--wiki-content-link-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: var(--wiki-content-background-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a::before,
.wikiEditor-ui-toolbar .group .tool-select .label::after {
    filter: var(--wiki-icon-general-filter);
}

.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .group .tool-select .label,
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .booklet .index div {
    color: var(--wiki-content-text-color);
}

.wikiEditor-ui-toolbar .booklet&gt;.index&gt; :hover {
    background-color: var(--wiki-content-background-color--secondary);
}

.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
    border-top: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
    border-color: var(--wiki-content-border-color);
}

.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid var(--wiki-content-border-color);
}

.wikiEditor-ui-tabs div a {
    background: #9A647F;
    display: inline-block;
}

.wikiEditor-ui-tabs div.current {
    border-bottom: 1px solid #3B3352;
}

.wikiEditor-ui-tabs div.current a {
    font-weight: bold;
}

.wikiEditor-ui-tabs {
    border-left: 1px solid #3B3352;
    border-top: 1px solid #3B3352;
}

.wikiEditor-preview-contents {
    background: transparent;
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #3B3352;
    border-style: solid;
    border-width: 0 1px 1px;
}

.wikiEditor-ui-controls {
    background: transparent;
}

.wikiEditor-preview-contents,
.wikiEditor-preview-loading {
    background-color: transparent;
}

.editOptions {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

input#wpSummary {
    margin-bottom: 1em;
    margin-top: 1em;
    width: 80%;
}

.view-dark .ace_editor,
.ace_editor {
    --ace-keywords: #CDA869;
    --ace-regexp: #E9C062;
    --ace-constants: #CF6A4C;
    --ace-illegal: #F8F8F8;
    --ace-deprecated: #D2A8A1;
    --ace-support: #9B859D;
    --ace-function: #DAD085;
    --ace-list: #F9EE98;
    --ace-variable: #7587A6;
    --ace-string: #8F9D6A;
    
    --ace-illegal-highlight: rgba(86, 45, 86, 0.75);
    --ace-step-highlight: #665200;
    --ace-multiselect-shadow: #141414;
}

.view-light .ace_editor{
    --ace-keywords: #00f;
    --ace-regexp: #036a07;
    --ace-constants: #c5060b;
    --ace-illegal: #f00;
    --ace-deprecated: #f00;
    --ace-support: #6d79de;
    --ace-function: #3c4c72;
    --ace-list: #b90690;
    --ace-variable: #318495;
    --ace-string: #036a07;
    
    --ace-illegal-highlight: rgba(255, 0, 0, 0.1);
    --ace-step-highlight: #fcff00;
    --ace-multiselect-shadow: #fff;
}

.ace_editor .ace_gutter {
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85);
}

.ace_gutter-cell {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4);
}

.ace_editor .ace_print-margin {
    width: 1px;
    background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75);
}

.ace_editor {
    /* this image gradient hack effectively lets the element have 2 layers of background */
    background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color));
    background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93);
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93);
}

.ace_editor .ace_cursor {
    color: var(--wiki-content-text-color);
}

.ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20)
}

.ace_editor.ace_multiselect .ace_selection.ace_start {
    box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow);
}

.ace_editor .ace_marker-layer .ace_step {
    background: var(--ace-step-highlight);
}

.ace_editor .ace_marker-layer .ace_active-line {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031)
}

.ace_editor .ace_gutter-active-line {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031)
}

.ace-tm .ace_marker-layer .ace_selected-word {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05);
}

.ace_editor .ace_marker-layer .ace_selection {
    background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}

.ace_editor .ace_marker-layer .ace_selected-word {
    border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20)
}

.ace_editor .ace_invisible {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25)
}

.ace_editor .ace_keyword,
.ace_editor .ace_meta {
    color: var(--ace-keywords);
}

.ace_editor .ace_constant,
.ace_editor .ace_constant.ace_numeric,
.ace_editor .ace_constant.ace_character,
.ace_editor .ace_constant.ace_character.ace_escape,
.ace_editor .ace_constant.ace_other,
.ace_editor .ace_heading,
.ace_editor .ace_markup.ace_heading,
.ace_editor .ace_support.ace_constant {
    color: var(--ace-constants);
}

.ace_editor .ace_invalid.ace_illegal {
    color: var(--ace-illegal);
    background-color: var(--ace-illegal-highlight);
}

.ace_editor .ace_invalid.ace_deprecated {
    text-decoration: underline;
    font-style: italic;
    color: var(--ace-deprecated);
}

.ace_editor .ace_support,
.ace_editor .ace_support.ace_type {
    color: var(--ace-support);
}

.ace_editor .ace_fold {
    background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
    border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1);
}

.ace_editor .ace_support.ace_function {
    color: var(--ace-function);
}

.ace_editor .ace_list,
.ace_editor .ace_markup.ace_list,
.ace_editor .ace_storage {
    color: var(--ace-list);
}

.ace_editor .ace_entity.ace_name.ace_function,
.ace_editor .ace_meta.ace_tag,
.ace_editor .ace_variable {
    color: var(--ace-variable);
}

.ace_editor .ace_string {
    color: var(--ace-string);
}

.ace_editor .ace_string.ace_regexp {
    color: var(--ace-regexp);
}

.ace_editor .ace_comment {
    font-style: italic;
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3);
}

.ace_editor .ace_xml-pe {
    color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28);
}

.ace_editor .ace_indent-guide {
    background:none;
    border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2);
}

.ace_search {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_search_field {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-mix-color);
}

.ace_button {
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_button:hover {
    background-color: var(--wiki-accent-color--hover);
    color: var(--wiki-accent-label-color);
}

.ace_button.checked {
    background-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.ace_searchbtn {
    background-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
    border: 1px solid var(--wiki-content-border-color);
}

.ace_searchbtn:hover {
    background-color: var(--wiki-accent-color--hover);
    color: var(--wiki-accent-label-color);
}

.ace_searchbtn.prev::after,
.ace_searchbtn.next::after {
    border-color: var(--wiki-accent-label-color);
}

.ace_searchbtn_close {
    filter: var(--wiki-icon-general-filter);
}

.wikiEditor-ui .codeEditor-status {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.mw-editform #wpTextbox1 {
    background: rgba(var(--wiki-content-background-color--rgb), 0.5);
    color: var(--wiki-content-text-color);
}

.view-dark .CodeMirror,
.CodeMirror {
    --codemirror-yellow: #ffd700;
    --codemirror-light-blue: #adf;
    --codemirror-blue: #08f;
    --codemirror-green: #290;
    --codemirror-red: #f50;
    --codemirror-dark-red: #dd1616;
    --codemirror-purple: #CD4EF9;
    --codemirror-pink: #e0e;
    --codemirror-light-gray: #eee;
    --codemirror-gray: #84a0a0;
}

.view-light .CodeMirror {
    --codemirror-yellow: #9e8500;
    --codemirror-light-blue: #008ae7;
    --codemirror-blue: #0085f9;
    --codemirror-green: #290;
    --codemirror-red: #ef4f00;
    --codemirror-dark-red: #a11;
    --codemirror-purple: #80c;
    --codemirror-pink: #ed00ed;
    --codemirror-light-gray: #858585;
    --codemirror-gray: #6b8a8a;
}

.CodeMirror {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color)
}

.CodeMirror .CodeMirror-line::selection,
.CodeMirror .CodeMirror-line&gt;span::selection,
.CodeMirror .CodeMirror-line&gt;span&gt;span::selection,
.CodeMirror .CodeMirror-line::-moz-selection,
.CodeMirror .CodeMirror-line&gt;span::-moz-selection,
.CodeMirror .CodeMirror-line&gt;span&gt;span::-moz-selection,
.CodeMirror .CodeMirror-selected {
    background: rgba(var(--wiki-content-link-color--rgb), .3);
}

.CodeMirror-linenumber {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid var(--wiki-content-text-color);
}

.cm-keyword {
    color: var(--codemirror-purple)
}

.cm-def {
    color: var(--codemirror-blue)
}

.cm-comment {
    color: var(--codemirror-yellow)
}

.cm-variable-2 {
    color: var(--codemirror-light-blue)
}

.cm-string {
    color: var(--codemirror-red)
}

.cm-atom {
    color: var(--codemirror-pink)
}

.cm-number {
    color: var(--codemirror-green)
}

.CodeMirror-gutters {
    background-color: var(--wiki-content-background-color--secondary);
    border-right-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color)
}

.cm-mw-matching {
    background-color: var(--codemirror-yellow)
}

.cm-mw-skipformatting {
    background-color: var(--codemirror-light-blue)
}

.cm-mw-list {
    color: var(--codemirror-blue)
}

.cm-mw-doubleUnderscore,
.cm-mw-hr,
.cm-mw-signature {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--codemirror-blue)
}

.cm-mw-indenting {
    color: var(--codemirror-blue)
}

.cm-mw-mnemonic {
    color: var(--codemirror-green)
}

.cm-mw-comment {
    color: var(--codemirror-gray)
}

.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic,
.cm-mw-section-header {
    color: var(--codemirror-blue)
}

.cm-mw-template,
.cm-mw-template-argument-name,
.cm-mw-template-bracket,
.cm-mw-template-delimiter,
.cm-mw-template-name {
    color: var(--codemirror-purple);
}

.cm-mw-templatevariable,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-delimiter,
.cm-mw-templatevariable-name {
    color: var(--codemirror-red)
}

.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter,
.cm-mw-parserfunction-name {
    color: var(--codemirror-dark-red)
}

.cm-mw-exttag-attribute,
.cm-mw-exttag-bracket,
.cm-mw-exttag-name,
.cm-mw-htmltag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-name {
    color: var(--codemirror-green)
}

.cm-mw-link,
.cm-mw-link-pagename {
    color: var(--wiki-content-link-color)
}

.cm-mw-link-tosection {
    color: var(--codemirror-blue)
}

.cm-mw-extlink,
.cm-mw-extlink-bracket,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink,
.cm-mw-free-extlink-protocol,
.cm-mw-link-bracket,
.cm-mw-link-delimiter {
    color: var(--wiki-content-link-color)
}

.cm-mw-table-bracket,
.cm-mw-table-definition,
.cm-mw-table-delimiter {
    color: var(--codemirror-pink)
}

.cm-mw-matchingbracket {
    background-color: var(--wiki-content-background-color--secondary);
    box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color);
    font-weight: bold;
}

/* VisualEditor: Fix broken toolbar layout */
.oo-ui-toolbar {
    clear: none;
}
.ve-init-mw-desktopArticleTarget-toolbar-open &gt; .oo-ui-toolbar-bar &gt; div:nth-child(4) {
    display: none;
}
.ve-ui-toolbar-floating &gt; .oo-ui-toolbar-bar {
    top: var( --wikigg-header-height );
}

/*************
* End editor *
**************/

/****************
* Tabber styles *
*****************/
.tabber__tab,
.tabber__tab:visited {
  color:var(--wiki-content-link-color);
}

.tabber__tab:hover,
.tabber__tab:hover:visited,
.tabber__tab[aria-selected="true"],
.tabber__tab[aria-selected="true"]:visited {
    color: var(--wiki-content-text-color);
}

.tabber__indicator {
    background: var(--wiki-content-link-color);
}

.tabber__header__prev::after,
.tabber__header__next::after {
    filter: var(--wiki-icon-general-filter);
}
/********************
* End Tabber styles *
*********************/

/***************************************
* Various fixes for multi-theme Vector *
****************************************/

.oo-ui-iconElement-icon {
    filter: var(--wiki-icon-to-link-filter);
}

.oo-ui-iconElement-icon.oo-ui-icon-reload {
    filter: brightness(0) var(--wiki-icon-to-link-filter);	
}

fieldset {
  border-color:var(--wiki-content-border-color);
}

hr {
  background-color:var(--wiki-content-border-color);
}

.CategoryTreeToggle {
  color:var(--wiki-content-link-color);
}

input,
select {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

input:hover,
input:focus,
input:active {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

input:focus-visible {
    outline: 1px solid var(--wiki-content-link-color);
}

input::file-selector-button,
input[type="button"],
input[type="submit"] {
    background-color:var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.vector-body blockquote {
  border-color:var(--wiki-content-border-color);
}

ol.references li:target, sup.reference:target {
    background-color: rgba(var(--wiki-content-link-color--rgb), .1);
}

/* category bar and filetoc */
.catlinks,
ul#filetoc {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

/**/

body .ui-dialog .ui-widget-header {
    /* we need an important here because the built-in styles have one :( */
    background: var(--wiki-content-background-color) !important;
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick {
    filter: var(--wiki-icon-general-filter);
}

.ui-widget-header .ui-dialog-titlebar-close.ui-state-hover {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}

.ui-widget-content {
    background: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border: 1px solid var(--wiki-content-border-color);
}

body .ui-button {
    /* we need an important here because the built-in styles have one. Vector is a mess */
    background: var(--wiki-accent-color) !important;
    border-color: var(--wiki-accent-color) !important;
    color: var(--wiki-accent-label-color);
}

body .ui-button:hover,
body .ui-button:focus,
body .ui-button:active {
    /* we need an important here because we had to use some above */
    background: var(--wiki-accent-color--hover) !important;
    border-color: var(--wiki-accent-color--hover) !important;
    color: var(--wiki-accent-label-color);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: var(--wiki-accent-label-color);
}

#contentSub,
#contentSub2 {
  color:var(--wiki-content-text-mix-color);
}

/* arrow on redirect pages */
.mw-content-ltr .redirectText li:first-child {
  padding-left:0;
  background:none;
}

.mw-content-ltr .redirectText li:first-child::before {
  content:'';
  display:inline-block;
  width:47px;
  height:1em;
  vertical-align: middle;
  background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441);
  filter:var(--wiki-icon-general-filter);
}

/* notifications ("your edit was saved", etc.) */
.mw-notification {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}

.mw-notification .oo-ui-labelElement-label {
  color:var(--wiki-content-text-color);
}

.mw-notification .oo-ui-iconElement-icon {
  filter:unset;
}


/**/

.mime-type.has-warning {
  color:var(--wiki-content-text-color);
}

.oo-ui-image-warning.oo-ui-icon-alert,
.mw-ui-icon-alert-warning::before {
  filter:drop-shadow(0 0 3px #000);
}

.mw_metadata td,
.mw_metadata th {
    border-color: var(--wiki-content-border-color);
}

.mw_metadata th {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw_metadata td {
    background-color: var(--wiki-content-background-color);
}

.mw-datatable td,
.mw-datatable th {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

#mw-allmessagestable tbody:hover td,
.mw-datatable tr:hover&gt;td {
    background-color: var(--wiki-content-background-color--secondary);
}

#mw-allmessagestable .am_default {
    background-color: rgba(var(--wiki-accent-color--rgb), .8);
    color: var(--wiki-accent-label-color);
}

#mw-allmessagestable .am_actual,
#mw-allmessagestable tbody:hover .am_default {
    background-color: rgba(var(--wiki-accent-color--rgb), .6);
}

#mw-allmessagestable .am_actual {
    color: var(--wiki-accent-label-color);
}

#mw-allmessagestable tbody:hover .am_actual {
    background-color: rgba(var(--wiki-accent-color--rgb), .5);
}

.mw-datatable,
.mw-json {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: inherit;
}

.mw-datatable&gt;*&gt;tr&gt;th,
.mw-datatable&gt;tr&gt;th,
.mw-json&gt;*&gt;tr&gt;th,
.mw-json&gt;tr&gt;th {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    padding-bottom: 9px;
    padding-top: 9px;
}

.mw-datatable&gt;*&gt;tr&gt;td,
.mw-datatable&gt;tr&gt;td,
.mw-json&gt;*&gt;tr&gt;td,
.mw-json&gt;tr&gt;td {
    border-color: var(--wiki-content-border-color);
}

.mw-json tr {
    background-color: inherit;
}

.mw-json .mw-json-single-value,
.mw-json .mw-json-value,
.mw-json .value {
    background: rgba(var(--wiki-success-color--rgb), .6);
}

.mw-json .mw-json-empty {
    background: var(--wiki-content-background-color--secondary);
}

.mw-message-box,
.mw-message-box-warning {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-text-color);
}

.mw-message-box-warning {
    border-color: var(--wiki-warning-color);
    border-width: 1px 1px 1px 10px;
}

.wikitable *,
.wikitable :after,
.wikitable :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.cargo-pagevalues-tableinfo {
    background-color: var(--wiki-content-background-color);
    border-bottom: 1px solid var(--wiki-content-border-color);
    top: 46px;
    position: static;
    /* override sticky in the built-in */
}

.cargo-table-diagram .cargo-table-svg .node.entity-name rect {
    fill: var(--wiki-content-background-color--secondary);
    fill-opacity: 1;
}

.cargo-table-diagram .cargo-table-svg .node rect {
    stroke: var(--wiki-content-border-color);
    opacity: 1;
}

.cargo-table-diagram .cargo-table-svg .node text tspan {
    fill: var(--wiki-content-text-color);
}

table.cargoTable {
    color: var(--wiki-content-text-color);
}

table.cargoTable tbody td,
table.cargoTable thead th {
    border: 1px solid var(--wiki-content-border-color);
}

table.cargoTable tr:hover {
    background-color: rgba(var(--wiki-accent-color--rgb), .25);
}

table.cargoTable thead tr:nth-child(odd),
table.cargoTable.noMerge thead tr:nth-child(odd) {
    background-color: var(--wiki-accent-color);
}

table.cargoTable tbody tr:nth-child(2n),
table.cargoTable.noMerge tbody tr:nth-child(2n) {
    background-color: var(--wiki-content-background-color);
}

table.cargoTable tbody tr:nth-child(odd),
table.cargoTable.noMerge tbody tr:nth-child(odd) {
    background-color: var(--wiki-content-background-color--secondary);
}

table.cargoTable th.headerSort {
    color:var(--wiki-accent-label-color);
}

table.cargoTable th.headerSort:hover {
    color:var(--wiki-accent-label-color);
    text-decoration:underline;
}

#mw-content-text div.cargoReplacementTableInfo {
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
}.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color:var(--wiki-content-text-color);
}

table.dataTable tbody tr {
  background-color:var(--wiki-content-background-color);
}

table.dataTable.display tbody tr.odd &gt; .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd &gt; .sorting_1 {
  background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75);
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.even &gt; .sorting_1,
table.dataTable.order-column.stripe tbody tr.even &gt; .sorting_1 {
	background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
}

table.dataTable.display tbody tr:hover &gt; .sorting_1,
table.dataTable.order-column.hover tbody tr:hover &gt; .sorting_1 {
  background-color:rgba(var(--wiki-content-background-color--rgb), 0.75);
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
	background-color: var(--wiki-content-background-color--secondary);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  /* we need this !important to override a built-in one */
	color: var(--wiki-content-text-mix-color) !important;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
	border-top: 1px solid var(--wiki-content-border-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  /* we need this !important to override a built-in one */
	color: var(--wiki-content-mix-color) !important;
	border: 1px solid var(--wiki-content-border-color);
	background-color: var(--wiki-content-background-color);
	background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%);
}

div.drilldown-filters-wrapper {
    background-color: transparent;
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.action-pagevalues tr:nth-of-type(2n) {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
}

.action-pagevalues tr:hover {
    background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2));
}

div.specialCargoQuery-extraPane {
    background: var(--wiki-content-background-color);
}

div.thumbinner {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.thumbimage {
    background-color: unset;
    border: unset;
}

.oo-ui-panelLayout-framed {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button {
    background-color: transparent;
}

.oo-ui-checkboxInputWidget [type="checkbox"] + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span {
    filter: unset;
    background-color:rgba(var(--wiki-content-link-color--rgb), 0.05);
    border-color:rgba(var(--wiki-content-link-color--rgb), 0.75);
}

.oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check {
	background-image:none;
}

.oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image: url(/load.php?modules=oojs-ui-core.icons&amp;image=check&amp;variant=invert&amp;format=rasterized&amp;skin=vector&amp;version=y9f1k);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
    content:'';
    pointer-events: none;
    filter:var(--wiki-icon-general-filter);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span {
    border-color: var(--wiki-content-link-color);
    filter: unset;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span {
    background-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span {
    box-shadow: none;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
    outline: 1px solid transparent;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span {
    background-color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.5);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.5)
}

.oo-ui-image-invert.oo-ui-icon-check {
	background:none;
    position:relative;
}

.oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
	background-image: url(/load.php?modules=oojs-ui-core.icons&amp;image=check&amp;variant=invert&amp;format=rasterized&amp;skin=vector&amp;version=y9f1k);
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E");
  content:'';
  pointer-events: none;
  filter:var(--wiki-icon-general-filter);
}

.oo-ui-indicatorElement-indicator {
    filter: var(--wiki-icon-to-link-filter);
}

.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
    color: var(--wiki-content-text-color--hover);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget {
    color: var(--wiki-content-text-color);
    padding: 8px 6px;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
}

.mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15);
    color: var(--wiki-content-link-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
    background-color: transparent;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-content-border-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border-color: var(--wiki-content-border-color);
    padding: 0;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button&gt;.oo-ui-labelElement-label {
    color: var(--wiki-content-link-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button&gt;.oo-ui-labelElement-label:hover {
    color: var(--wiki-content-link-color--hover);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before {
    content: "["
}

.mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after {
    content: "]"
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-dynamic-color--inverted);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: var(--wiki-content-background-color)
}

.oo-ui-menuSelectWidget {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
    color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
    background-color: var(--wiki-content-background-color);
    border-bottom-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-bottom-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
    border-top-color: var(--wiki-content-border-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget:hover,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-link-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span,
.mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span {
    border-color: var(--wiki-content-link-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15)
}

.mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel,
.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-text-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: rgba(var(--wiki-content-text-color--rgb), .6);
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover {
    background-color: rgba(var(--wiki-content-link-color--rgb), .15)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span,
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span {
    border-color: var(--wiki-content-text-color)
}

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
    color: rgba(var(--wiki-content-text-color--rgb), .6)
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: transparent;
    color: var(--wiki-content-text-color);
    border-color:var(--wiki-content-text-mix-color);
}

.mw-changeslist-legend,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}

.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: var(--wiki-content-text-mix-color-95);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: rgba(var(--wiki-body-dynamic-color--rgb), 0.1);
}

.oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle {
  filter:unset;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
  border-color:var(--wiki-content-link-color);
}

.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: rgba(var(--wiki-content-text-color--rgb), .76);
}

.mw-rcfilters-ui-tagItemWidget-popup-content {
    color: rgba(var(--wiki-content-text-color--rgb), .75);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
    border-top-color: var(--wiki-content-border-color);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
    border-top-color: var(--wiki-content-background-color--secondary);
}

.unpatrolled {
    color: var(--wiki-alert-color);
}
	
.autocomment, .autocomment a, .autocomment a:visited {
    color:rgba(var(--wiki-content-text-color--rgb), 0.4);
}

.autocomment, .autocomment a, .autocomment a:visited {
	color:rgba(var(--wiki-content-text-color--rgb), 0.4);
}

/* Recent changes filter highlighting */
.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #1c283f;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #0f3128;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #352c10;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #411d0c;
}

.view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: #3f0f0f;
}

.mw-icon-arrow-collapsed,
.mw-collapsible-arrow.mw-collapsible-toggle-collapsed {	
    filter:brightness(75%) var(--wiki-icon-general-filter);
}

/*	
The below rules fix an error caused by the above rule because the toggles in the edit footer
have text and an arrow in the same element, so the text gets inverted when it shouldn't be
*/
.mw-editfooter-toggler {
	position:relative;
	filter:unset;
	background:none;
}

.mw-editfooter-toggler::before {
	position:absolute;
	left:0;
	top:0;
	background-repeat: no-repeat;
	background-position: left center;
	width:12px;
	height:100%;
	content:'';
	filter:brightness(75%) var(--wiki-icon-general-filter);
}

.mw-editfooter-toggler.mw-icon-arrow-collapsed::before {
	background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?40e9a);
}

.mw-editfooter-toggler.mw-icon-arrow-expanded::before {
	background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?d0685);
}


.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
    background-color: transparent;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    -webkit-transition: border-color 300ms, box-shadow 300ms;
    transition: border-color 300ms, box-shadow 300ms;
    background-color: var(--wiki-content-background-color--secondary)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle {
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
    outline: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-content-link-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
    border-color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--wiki-content-background-color--secondary);
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    border-color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    color: var(--wiki-alert-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
    opacity: 0.5
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group &gt; input {
	color:var(--wiki-content-text-color);
}

.oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input {
    color: inherit;
    background: transparent;
    font-family: inherit
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input,
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
  background: var(--wiki-content-text-mix-color-95);
  color: rgba(var(--wiki-content-text-color--rgb), 0.25);
  text-shadow:none;
  border-color:var(--wiki-content-text-mix-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
    color:rgba(var(--wiki-content-text-color--rgb), 0.4);	
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
    background-color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color);
}

.oo-ui-bookletLayout-outlinePanel {
    padding: 7px 0;
}

.oo-ui-processDialog-content .oo-ui-window-head,
.oo-ui-processDialog-content .oo-ui-window-foot,
.oo-ui-messageDialog-content &gt; .oo-ui-window-head,
.oo-ui-messageDialog-content &gt; .oo-ui-window-foot {
    outline-color: var(--wiki-content-border-color);
}

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {
	background-color: var(--wiki-content-background-color);
	border-right-color: var(--wiki-content-border-color);
}

.oo-ui-messageDialog-title {
    color: var(--wiki-heading-color);
}

/* OAuth authorisation dialog */
#mw-mwoauth-authorize-form {
    color: inherit;
}

.oo-ui-toolbar-bar,
.oo-ui-popupToolGroup-tools,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
  background-color:var(--wiki-content-background-color--secondary);
  color:var(--wiki-content-text-color);
}

.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {
  border-right-color:var(--wiki-content-border-color);
}

.oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active,
.oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {
	background-color: var(--wiki-content-background-color);
	color: var(--wiki-content-link-color);
}

.oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link {
  /* we remove the transition here because it causes the hard-coded color to flash briefly */
  transition:none;
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {
  color:var(--wiki-content-link-color);
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
  color:var(--wiki-content-link-color);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover,
.oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.15);
}

.oo-ui-menuToolGroup,
.oo-ui-popupToolGroup-tools {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {
	border-color: var(--wiki-content-border-color);
	box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1);
}

.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary &gt; .oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary &gt; .oo-ui-tool-link {
	background-color: var(--wiki-content-text-mix-color);
	border-color: var(--wiki-content-text-mix-color);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {
  background-color:var(--wiki-accent-color);
  color:var(--wiki-accent-label-color);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {
  background-color:var(--wiki-accent-color--hover);
}

.oo-ui-buttonElement-frameless&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color)
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus {
    color: var(--wiki-content-text-color--hover)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus {
    color: var(--wiki-content-text-color--hover)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button{
    color: var(--wiki-alert-color)
}

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus {
    color: var(--wiki-alert-color--hover)
}

.oo-ui-buttonElement-frameless&gt;.oo-ui-buttonElement-button {
    border: 1px solid transparent
}

.oo-ui-buttonElement-frameless&gt;button.oo-ui-buttonElement-button {
    color: inherit
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color--hover);
    border-color: var(--wiki-accent-color--hover)
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button {
    background-color: #bf0017;
    border-color: #bf0017;
    color: #fff
}

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: #59000b;
    border-color: #59000b
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active&gt;.oo-ui-buttonElement-button {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active&gt;.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active&gt;.oo-ui-buttonElement-button {
    color: var(--wiki-content-link-color)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:hover {
    background-color: transparent;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive&gt;.oo-ui-buttonElement-button:hover {
    background-color: var(--wiki-content-dynamic-color--inverted);
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td,
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
    background-color: var(--wiki-content-background-color--secondary);
}

.oo-ui-popupWidget-popup {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color:var(--wiki-content-text-color);
}

.mw-ui-button {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-link-color);
    border-color: var(--wiki-content-border-color);
}

.mw-ui-button:not(:disabled):visited {
    color: var(--wiki-content-link-color);
}

.mw-ui-button:not(:disabled):hover {
    background-color: var(--wiki-content-text-mix-color-95);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-link-color--hover);
}

.mw-ui-button:not(:disabled):focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

.mw-ui-button:not(:disabled):active,
.mw-ui-button:not(:disabled).is-on {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-link-color);
}

.mw-ui-icon-before::before {
    filter: var(--wiki-icon-to-link-filter);
}

.oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {
    background-color: var(--wiki-content-background-color);
    color: var(--wiki-content-text-color);
    border-color: var(--wiki-content-border-color);
}

.oo-ui-windowManager-modal&gt;.oo-ui-dialog {
    background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5);
}

.oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {
  border-color:var(--wiki-content-border-color);
}

.oo-ui-messageDialog-message {
    color: var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) &gt; .oo-ui-buttonElement-button {
    color: var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
    color: var(--wiki-content-link-color);
    border-color:rgba(var(--wiki-content-link-color--rgb), 0.5);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {
    color: var(--wiki-content-link-color--hover);
    border-color:var(--wiki-content-link-color);
	box-shadow:inset 0 0 3px var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled&gt;.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {
    background-color: var(--wiki-content-background-color--secondary);
    color: var(--wiki-content-link-color--hover);
    border-color: var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {
	background-color: var(--wiki-content-text-mix-color);
	border-color: var(--wiki-content-text-mix-color);
}

/* Date picker */
.mw-widget-dateInputWidget-handle {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle &gt; .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget {
    border-color: var(--wiki-content-border-color);
}
.mw-widget-dateInputWidget-calendar {
    background-color: var(--wiki-content-background-color);
}

.mw-widget-calendarWidget-header .oo-ui-labelElement-label {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget-day-heading {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}
.mw-widget-calendarWidget-day {
    color: var(--wiki-content-text-color);
}
.mw-widget-calendarWidget-day-additional {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}

.mw-widget-calendarWidget-month {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget-year {
    color: var(--wiki-content-text-color);
}

.mw-widget-calendarWidget-item-selected {
    color: #fff;
}

.mw-widgets-datetime-calendarWidget:focus {
    border-color: var(--wiki-content-border-color);
    box-shadow: none;
}

.mw-widgets-datetime-calendarWidget-grid {
    overflow-x: initial;
}

.mw-widgets-datetime-dateTimeInputWidget-handle {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover {
    border-color: var(--wiki-content-border-color);
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
    background-color: var(--wiki-content-background-color);
}

.mw-widgets-datetime-calendarWidget {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
}

.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {
    color: rgba(var(--wiki-content-text-color--rgb), 0.55);
}

/* Unpatrolled page creations on Special:NewPages */
.not-patrolled {
    background-color: rgba(var(--wiki-warning-color--rgb), 0.16);
}

pre,
code,
.mw-code {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-templatedata-doc-param-alias {
  color:var(--wiki-content-text-mix-color);
}

.mw-highlight,
.view-light .mw-highlight {
    --pygments-background: var(--wiki-content-background-color--secondary);
    --pygments-err: #db0000;
    --pygments-c: #3a7575;
    --pygments-k: #008000;
    --pygments-o: #666;
    --pygments-ch: #3a7575;
    --pygments-cm: #3a7575;
    --pygments-cp: #986200;
    --pygments-cpf: #3a7575;
    --pygments-c1: #3a7575;
    --pygments-cs: #3a7575;
    --pygments-gd: #a00000;
    --pygments-gr: #db0000;
    --pygments-gh: #000080;
    --pygments-gi: #008100;
    --pygments-go: #6e6e6e;
    --pygments-gp: #000080;
    --pygments-gu: #800080;
    --pygments-gt: #04d;
    --pygments-kc: #008000;
    --pygments-kd: #008000;
    --pygments-kn: #008000;
    --pygments-kp: #008000;
    --pygments-kr: #008000;
    --pygments-kt: #b00040;
    --pygments-m: #666;
    --pygments-s: #ba2121;
    --pygments-na: #647421;
    --pygments-nb: #008000;
    --pygments-nc: #00f;
    --pygments-no: #800;
    --pygments-nd: #a412ff;
    --pygments-ni: #6d6d6d;
    --pygments-ne: #c9352e;
    --pygments-nf: #00f;
    --pygments-nl: #727200;
    --pygments-nn: #00f;
    --pygments-nt: #008000;
    --pygments-nv: #19177c;
    --pygments-ow: #a412ff;
    --pygments-w: #6e6e6e;
    --pygments-mb: #666;
    --pygments-mf: #666;
    --pygments-mh: #666;
    --pygments-mi: #666;
    --pygments-mo: #666;
    --pygments-sa: #ba2121;
    --pygments-sb: #ba2121;
    --pygments-sc: #ba2121;
    --pygments-dl: #ba2121;
    --pygments-sd: #ba2121;
    --pygments-s2: #ba2121;
    --pygments-se: #a55a1e;
    --pygments-sh: #ba2121;
    --pygments-si: #af4d74;
    --pygments-sx: #008000;
    --pygments-sr: #af4d74;
    --pygments-s1: #ba2121;
    --pygments-ss: #19177c;
    --pygments-bp: #008000;
    --pygments-fm: #00f;
    --pygments-vc: #19177c;
    --pygments-vg: #19177c;
    --pygments-vi: #19177c;
    --pygments-vm: #19177c;
    --pygments-il: #666;
}

.view-dark .mw-highlight {
    --pygments-background: var(--wiki-content-background-color--secondary);
    --pygments-err: #fe4242;
    --pygments-c: #4b9797;
    --pygments-k: #00a300;
    --pygments-o: #898989;
    --pygments-ch: #4b9797;
    --pygments-cm: #4b9797;
    --pygments-cp: #c17d00;
    --pygments-cpf: #4b9797;
    --pygments-c1: #4b9797;
    --pygments-cs: #4b9797;
    --pygments-gd: #ff3f3f;
    --pygments-gr: #fe4242;
    --pygments-gh: #7a7aff;
    --pygments-gi: #00a000;
    --pygments-go: #8a8a8a;
    --pygments-gp: #7a7aff;
    --pygments-gu: #f500f5;
    --pygments-gt: #4e84fe;
    --pygments-kc: #00a300;
    --pygments-kd: #00a300;
    --pygments-kn: #00a300;
    --pygments-kp: #00a300;
    --pygments-kr: #00a300;
    --pygments-kt: #fe357e;
    --pygments-m: #898989;
    --pygments-s: #e25e5e;
    --pygments-na: #80932a;
    --pygments-nb: #00a300;
    --pygments-nc: #7a7afe;
    --pygments-no: #ff4040;
    --pygments-nd: #bf5aff;
    --pygments-ni: #999;
    --pygments-ne: #da655f;
    --pygments-nf: #7a7afe;
    --pygments-nl: #a0a000;
    --pygments-nn: #7a7afe;
    --pygments-nt: #00a300;
    --pygments-nv: #8381e7;
    --pygments-ow: #bf5aff;
    --pygments-w: #bbb;
    --pygments-mb: #898989;
    --pygments-mf: #898989;
    --pygments-mh: #898989;
    --pygments-mi: #898989;
    --pygments-mo: #898989;
    --pygments-sa: #e25e5e;
    --pygments-sb: #e25e5e;
    --pygments-sc: #e25e5e;
    --pygments-dl: #e25e5e;
    --pygments-sd: #e25e5e;
    --pygments-s2: #e25e5e;
    --pygments-se: #d07125;
    --pygments-sh: #e25e5e;
    --pygments-si: #c17492;
    --pygments-sx: #00a300;
    --pygments-sr: #c17492;
    --pygments-s1: #e25e5e;
    --pygments-ss: #8381e7;
    --pygments-bp: #00a300;
    --pygments-fm: #7a7afe;
    --pygments-vc: #8381e7;
    --pygments-vg: #8381e7;
    --pygments-vi: #8381e7;
    --pygments-vm: #8381e7;
    --pygments-il: #898989;
}

.mw-highlight .err {
    border-color: var(--pygments-err)
}

.mw-highlight .c {
    color: var(--pygments-c)
}

.mw-highlight .k {
    color: var(--pygments-k)
}

.mw-highlight .o {
    color: var(--pygments-o)
}

.mw-highlight .ch {
    color: var(--pygments-ch)
}

.mw-highlight .cm {
    color: var(--pygments-cm)
}

.mw-highlight .cp {
    color: var(--pygments-cp)
}

.mw-highlight .cpf {
    color: var(--pygments-cpf)
}

.mw-highlight .c1 {
    color: var(--pygments-c1)
}

.mw-highlight .cs {
    color: var(--pygments-cs)
}

.mw-highlight .gd {
    color: var(--pygments-gd)
}

.mw-highlight .gr {
    color: var(--pygments-gr)
}

.mw-highlight .gh {
    color: var(--pygments-gh)
}

.mw-highlight .gi {
    color: var(--pygments-gi)
}

.mw-highlight .go {
    color: var(--pygments-go)
}

.mw-highlight .gp {
    color: var(--pygments-gp)
}

.mw-highlight .gu {
    color: var(--pygments-gu)
}

.mw-highlight .gt {
    color: var(--pygments-gt)
}

.mw-highlight .kc {
    color: var(--pygments-kc)
}

.mw-highlight .kd {
    color: var(--pygments-kd)
}

.mw-highlight .kn {
    color: var(--pygments-kn)
}

.mw-highlight .kp {
    color: var(--pygments-kp)
}

.mw-highlight .kr {
    color: var(--pygments-kr)
}

.mw-highlight .kt {
    color: var(--pygments-kt)
}

.mw-highlight .m {
    color: var(--pygments-m)
}

.mw-highlight .s {
    color: var(--pygments-s)
}

.mw-highlight .na {
    color: var(--pygments-na)
}

.mw-highlight .nb {
    color: var(--pygments-nb)
}

.mw-highlight .nc {
    color: var(--pygments-nc)
}

.mw-highlight .no {
    color: var(--pygments-no)
}

.mw-highlight .nd {
    color: var(--pygments-nd)
}

.mw-highlight .ni {
    color: var(--pygments-ni)
}

.mw-highlight .ne {
    color: var(--pygments-ne)
}

.mw-highlight .nf {
    color: var(--pygments-nf)
}

.mw-highlight .nl {
    color: var(--pygments-nl)
}

.mw-highlight .nn {
    color: var(--pygments-nn)
}

.mw-highlight .nt {
    color: var(--pygments-nt)
}

.mw-highlight .nv {
    color: var(--pygments-nv)
}

.mw-highlight .ow {
    color: var(--pygments-ow)
}

.mw-highlight .w {
    color: var(--pygments-w)
}

.mw-highlight .mb {
    color: var(--pygments-mb)
}

.mw-highlight .mf {
    color: var(--pygments-mf)
}

.mw-highlight .mh {
    color: var(--pygments-mh)
}

.mw-highlight .mi {
    color: var(--pygments-mi)
}

.mw-highlight .mo {
    color: var(--pygments-mo)
}

.mw-highlight .sa {
    color: var(--pygments-sa)
}

.mw-highlight .sb {
    color: var(--pygments-sb)
}

.mw-highlight .sc {
    color: var(--pygments-sc)
}

.mw-highlight .dl {
    color: var(--pygments-dl)
}

.mw-highlight .sd {
    color: var(--pygments-sd)
}

.mw-highlight .s2 {
    color: var(--pygments-s2)
}

.mw-highlight .se {
    color: var(--pygments-se)
}

.mw-highlight .sh {
    color: var(--pygments-sh)
}

.mw-highlight .si {
    color: var(--pygments-si)
}

.mw-highlight .sx {
    color: var(--pygments-sx)
}

.mw-highlight .sr {
    color: var(--pygments-sr)
}

.mw-highlight .s1 {
    color: var(--pygments-s1)
}

.mw-highlight .ss {
    color: var(--pygments-ss)
}

.mw-highlight .bp {
    color: var(--pygments-bp)
}

.mw-highlight .fm {
    color: var(--pygments-fm)
}

.mw-highlight .vc {
    color: var(--pygments-vc)
}

.mw-highlight .vg {
    color: var(--pygments-vg)
}

.mw-highlight .vi {
    color: var(--pygments-vi)
}

.mw-highlight .vm {
    color: var(--pygments-vm)
}

.mw-highlight .il {
    color: var(--pygments-il)
}

.mw-highlight pre {
    background: var(--pygments-background)
}

.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
    padding-left: 3.5em;
    box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted);
}

.mw-highlight .hll {
    background-color: rgba(var(--wiki-accent-color--rgb), .2)
}

.mw-apisandbox-toolbar {
    background: var(--wiki-content-background-color--secondary);
    top: var( --wikigg-header-height );
}

/* special:replacetext */
.ext-replacetext-searchoptions {
    background-color: transparent;
    border: 1px solid var(--wiki-content-border-color);
}

.ext-replacetext-searchoptions .ext-replacetext-divider {
    border-bottom: 1px solid var(--wiki-content-border-color);
}

/**/

.view-dark textarea {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.view-dark textarea:focus-visible {
    outline-color: var(--wiki-content-link-color);
    outline-style: solid;
}

/* make math formulas legible on dark theme */
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
    filter: var(--wiki-icon-general-filter);
}

/* search bar */
#searchInput {
    background-color: var(--wiki-content-background-color--secondary);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
    box-shadow: none;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
    border-color: var(--wiki-content-link-color);
    box-shadow: none;
}

#searchButton {
    filter: var(--wiki-icon-to-link-filter);
}

.vector-search-box-input::placeholder {
    color:var(--wiki-content-text-mix-color);
}

/* Search suggestions */

.suggestions-results,
.suggestions-special {
    background-color: var(--wiki-content-background-color--secondary);
}

.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
    color: var(--wiki-content-text-color);
}

.suggestions-result {
    color: var(--wiki-content-link-color);
}

.suggestions-result-current {
    background-color: var(--wiki-content-link-color);
    color: var(--wiki-content-link-label-color);
}

.suggestions-special .special-label {
    color: var(--wiki-content-text-mix-color);
}

.suggestions-special.suggestions-result-current .special-label {
    color:var(--wiki-content-link-label-color);
}

.suggestions-special .special-query {
    color: var(--wiki-link-label-color);
}


/* search page */
fieldset#mw-searchoptions {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    border-color: var(--wiki-content-border-color);
}

#mw-searchoptions .divider {
    border-color: var(--wiki-content-border-color);
}

.mw-search-profile-tabs {
    background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5);
    border: 1px solid var(--wiki-content-border-color);
    margin-top: 1em;
}

.mw-search-profile-tabs div.search-types ul li.current a {
    color: var(--wiki-content-text-color);
}

/* invert the help icon on the helplink */
#mw-indicator-mw-helplink a {
    background-image: none;
}

#mw-indicator-mw-helplink a::before {
    background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    padding-left: 25px;
    content: "";
}

#mw-indicator-mw-helplink a::before {
    filter: var(--wiki-icon-to-link-filter);
}
/**/

/* Login/register page */
.mw-number-text {
    color:var(--wiki-content-text-mix-color);
}

.mw-body-content .mw-number-text h3 {
  color:var(--wiki-heading-color);
}

.mw-number-text.icon-edits,
.mw-number-text.icon-pages,
.mw-number-text.icon-contributors {
  position:relative;
  background:none;  
}

.mw-number-text.icon-edits::before,
.mw-number-text.icon-pages::before,
.mw-number-text.icon-contributors::before {
  position:absolute;
  width:95px;
  height:100%;
  left:0;
  top:0;
  content:'';
  filter:brightness(0) var(--wiki-icon-general-filter);
}

.mw-number-text.icon-edits::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center;
}

.mw-number-text.icon-pages::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center
}

.mw-number-text.icon-contributors::before {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center
}
/**/

/* Multimedia viewer */
.mw-mmv-post-image,
.mw-mmv-image-metadata {
    background-color: var(--wiki-content-background-color);
    border-color: var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled) {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
    color: var(--wiki-accent-label-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
    background-color: var(--wiki-accent-color--hover);
}

.skin-vector .mw-ui-button.mw-ui-progressive:hover,
.skin-vector .mw-ui-button.mw-ui-primary:disabled {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color);
    border: 2px solid var(--wiki-content-border-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
    background-color: var(--wiki-accent-color);
    border-color: var(--wiki-accent-color);
}

.mw-ui-button.mw-ui-progressive {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color)
}

.mw-ui-input {
	background-color: var(--wiki-content-background-color--secondary);
	border: 1px solid var(--wiki-content-border-color);
	color: var(--wiki-content-text-color);
}

.mw-ui-input:hover,
.mw-ui-input:focus{
  background-color: var(--wiki-content-background-color--secondary);
  color: var(--wiki-content-text-color);
  border-color: var(--wiki-content-link-color);
  box-shadow: none;
}

.mw-ui-input::placeholder {
  color:var(--wiki-content-text-mix-color);
}

.mw-mmv-dialog {
    background-color: var(--wiki-content-background-color--secondary);
    box-shadow: 0 2px 2px 0 var(--wiki-content-border-color);
}

.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
    background-color: var(--wiki-content-background-color--secondary);
}

.mw-mmv-options-dialog-header {
    color: var(--wiki-content-text-color);
}

.mw-mmv-options-text-header,
.mw-mmv-options-text-body {
    color: var(--wiki-content-text-mix-color);
}

.mw-ui-button.mw-ui-quiet,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive {
    color: var(--wiki-content-link-color);
}

.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-content-link-color);
}

input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:active,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
    color: var(--wiki-content-text-color);
}

/**/

/* Echo */

.mw-echo-ui-notificationItemWidget {
	background-color: var(--wiki-content-background-color);
}

.mw-echo-ui-notificationItemWidget-unread,
.mw-echo-ui-placeholderItemWidget {
  background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8);
}

.mw-echo-ui-notificationItemWidget-unread:hover,
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
  background-color:var(--wiki-content-background-color--secondary);
}

.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-message-body {
  color:var(--wiki-content-text-mix-color);
}

.mw-echo-ui-notificationsListWidget:not(:hover) a,
#p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new,
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp{
  color:var(--wiki-content-text-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected &gt; .oo-ui-buttonElement-button:hover {
	color: var(--wiki-content-link-label-color);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {
	color: var(--wiki-content-text-color);
}

.mw-echo-ui-pageNotificationsOptionWidget-label-count {
  background-color:var(--wiki-content-background-color--secondary);
  color:var(--wiki-content-text-color);
}

.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
  border-color:var(--wiki-content-border-color);
}

.mw-echo-ui-notificationItemWidget:last-child {
  border-bottom:1px solid var(--wiki-content-border-color);
}

.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
  background-color:var(--wiki-content-background-color);
}

.mw-echo-ui-notificationItemWidget-icon{
  filter:brightness(0) var(--wiki-icon-to-link-filter);
}

.mw-echo-ui-toggleReadCircleButtonWidget-circle  {
  background-color:var(--wiki-content-link-color);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.1);
  color:var(--wiki-content-link-color);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{
  background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
  color:var(--wiki-content-link-color);
}

.oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
  color:var(--wiki-content-link-color);
}

@-webkit-keyframes unseen-fadeout-to-unread {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color--secondary);
  }
}
@keyframes unseen-fadeout-to-unread {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color--secondary);
  }
}
@-webkit-keyframes unseen-fadeout-to-read {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color);
  }
}
@keyframes unseen-fadeout-to-read {
  from {
    background-color:rgba(var(--wiki-content-link-color--rgb),0.2);
  }
  to {
    background-color:var(--wiki-content-background-color);
  }
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
    border-bottom-color: var(--wiki-content-border-color);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
    border-bottom-color: var(--wiki-content-background-color--secondary);
}

.client-js .mw-echo-special-nojs {
  filter:var(--wiki-icon-general-filter)
}
/**/

/*************************
* End Vector theme fixes *
**************************/

/************************
* Theme-based Scribunto *
*************************/
#mw-scribunto-input {
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-border-color);
    color: var(--wiki-content-text-color);
}

.mw-scribunto-console-fieldset,
.mw-scribunto-message,
.mw-scribunto-input,
.mw-scribunto-error,
.mw-scribunto-print,
.mw-scribunto-normalOutput {
    background: transparent;
}

.mw-scribunto-console-fieldset {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-message {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-input {
    color: var(--wiki-content-text-color--hover);
}

.mw-scribunto-error {
    color: var(--wiki-alert-color);
}

.mw-scribunto-print {
    color: var(--wiki-content-text-color);
}

.mw-scribunto-normalOutput {
    color: var(--wiki-content-text-color);
}

/****************
* End Scribunto *
*****************/

/***************************
* Theme-based VisualEditor *
****************************/
.ve-init-mw-progressBarWidget {
	background-color: var(--wiki-body-background-color);
	border: 1px solid var(--wiki-content-link-color);
	box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15);
}

.ve-init-mw-progressBarWidget-bar {
  background-color:var(--wiki-content-link-color);
}

div.ve-ce-branchNode {
  background-color:var(--wiki-content-background-color);
  border-color:var(--wiki-content-border-color);
}

.ve-ce-focusableNode-highlight {
	background: var(--wiki-content-link-color);
	box-shadow: inset 0 0 0 1px var(--wiki-content-link-color);
}

.ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights {
	opacity: 0.25;
}

.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
	outline-color: var(--wiki-content-link-color);
	background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75);
}

.ve-ui-specialCharacterPage-character,
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above,
.oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu,
.ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu,
.ve-ui-specialCharacterPage-character:hover {
  border-color:var(--wiki-content-border-color);
}

.ve-ui-specialCharacterPage-character:hover {
  box-shadow:inset 0 0 1px 1px var(--wiki-content-link-color);
}
/*******************
* End VisualEditor *
********************/

/***********************
* Theme-based msupload *
************************/
#msupload-div,
#msupload-list .file {
  background-color:var(--wiki-content-background-color);
  border-color:var(--wiki-content-border-color);
}

#msupload-dropzone {
  border-color:var(--wiki-content-border-color);
  color:var(--wiki-content-text-color);
}

.drop-over {
  background-color:var(--wiki-accent-color);
  color:var(--wiki-accent-label-color) !important;
}

#msupload-bottom #msupload-files {
  padding-left:0;
	background: none;
}

#msupload-bottom #msupload-files::before {
  display:inline-block;
  background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0;
  background-position:left center;
  height:22px;
  width:25px;
  content:'';
  vertical-align: top;
  filter:var(--wiki-icon-general-filter);
}
/***************************
* End theme-based msupload *
****************************/

/*****************************
* Theme-based commentstreams *
******************************/
.cs-title-edit-field {
  border-color:var(--wiki-accent-color);
}

.cs-edit-box ,
.cs-expanded .cs-comment-header {
	background-color: var(--wiki-content-background-color--secondary);
  border-color:var(--wiki-content-border-color);
}

.cs-target-comment .cs-comment-header {
  border-color:var(--wiki-accent-color);
}

.cs-comment-author a {
    color: var(--wiki-content-link-color);
}

.cs-comment-details {
	color: rgba(var(--wiki-content-text-color--rgb), 0.6);
}

.cs-comment {
	border:1px solid var(--wiki-content-border-color);
}

.cs-comment-body {
  padding:0 5px;
}
/*********************************
* End theme-based commentstreams *
**********************************/

/*********************
* Mobile adjustments *
**********************/
@media screen and (max-width:720px) {
    :root {
        --wiki-content-right-margin: 0px;
        --wiki-content-padding:0.5rem;
        --wiki-navigation-right-margin: 1px;
        --wiki-navigation-left-margin: 0px;
        --wiki-navigation-top-padding: 5px;
        --wiki-navigation-bottom-padding:0px;
        --wiki-navigation-height:2rem;
        --wiki-navigation-search-height:2.15rem;
        --wiki-navigation-search-margin:0.5rem;
        --wiki-logo-height: 80px;
        --wiki-logo-width: 100%;
        --wiki-logo-margin: 10px;
        --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding));
        --wiki-head-icon-padding: 0.25rem;
        --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2);
        --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
        --wiki-menu-margin: 0.2rem;
        --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin));
    }

    #mw-page-base,
    #mw-head-base {
        height:var(--wiki-head-height);
    }
    
    #mw-page-base {
        padding-top: var( --wikigg-header-height );
    }
    
    #mw-head-base {
        margin-top:calc(var(--wiki-head-height) * -1);
    }

    #p-logo,
    #p-logo a {
        height: var(--wiki-logo-height);
        width: var(--wiki-logo-width);
    }
    
    #p-logo {
        position:absolute;
        background:none;
        padding:0;
        left:0;
        margin:var(--wiki-logo-margin) 0;
        transform:none;
        top:calc(var(--wikigg-header-height));
    }
    
    .mw-wiki-logo {
        background-size:contain;
    }
    
    #mw-head {
        left:0;
        width:100%;
        top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height));
        border:none;
        border-image:none;
    }
    
    #mw-navigation {
        position:unset;
    }

    #left-navigation,
    #right-navigation {
        margin-top: 0;
        height:var(--wiki-navigation-height);
    }

    #right-navigation {
        margin-right: var(--wiki-navigation-right-margin);
    }

    div#left-navigation {
        margin-left: var(--wiki-navigation-left-margin);
    }

    div#right-navigation div#p-search {
        margin-right: 0;
    }
    
    .vector-menu-tabs-legacy,
    .vector-menu-dropdown {
        height:var(--wiki-navigation-height);
    }
    
    .vector-menu-tabs-legacy li a {
        height:var(--wiki-navigation-height);
    }
    
    #p-cactions {
        padding-bottom: 0px;
    }

    #p-search {
        position: absolute;
        left: 50%;
        transform:translateX(-50%);
        top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding));
        margin-left:0px;
        z-index: 4 /** above #mw-panel **/;
    }

    #simpleSearch {
        width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin));
    }
    
    .vector-search-box-input {
        height:var(--wiki-navigation-search-height);
    }
    
    .vector-search-box form {
        margin:var(--wiki-navigation-search-margin) 0px;
    }
    
    .mw-body,
    .mw-footer {
		border-left-width: 0;
        border-right-width: 0;
    }

    .mw-body {
        margin-top: 0;
        padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2));
    }

    #mw-panel {
        position: unset;
        width:100%;
        margin: 0px auto;
        padding: 0;
        top: 0;
        background-position:bottom right, top center;
        background-size:100% 0.5em, 100% 100%;
        float:unset;
    }

    div#mw-navigation div#mw-panel .portal {
        box-sizing:border-box;
        text-align: center
    }

    .vector-menu-dropdown .vector-menu-content {
        right: 0;
        left: unset;
    }
    
    #mw-panel .vector-menu-portal {
        border-left-width:0;
        border-right-width:0;
    }
    
    table.wikitable,
    table.responsive-table {
        display: block;
        overflow-x: scroll;
    }
    
	.gallerybox,
	.gallerybox &gt; div,
	.gallerybox .thumb {
		max-width:100%;
	}

    /* disable float on RecentChanges legend */
    .mw-changeslist-legend {
        float: none;
        margin: 0 auto;
    }

    /* advanced search options */
    #mw-searchoptions table {
        float: none;
    }

    #mw-searchoptions table td {
        display: block;
    }

    /* popup when clicking the download button in multimediaviewer */
    .mw-mmv-dialog {
        width: unset;
    }

    /* turn math elements into scroll blocks unless they're an immediate child of a span */
    :not(span)&gt;.mwe-math-element {
        display: block;
        overflow-x: auto;
    }

    /* Expandable mobile navigation panel */
    body.has-vector-mobile-menu #mw-panel {
        position: absolute;
        top: var(--wiki-menu-top-offset);
        z-index: 3;
    }

    body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle {
        position: relative;
        z-index: 5;
        display: block;
        appearance: none;
        border: 1px solid var(--wiki-content-border-color);
        margin-left: var(--wiki-navigation-search-margin);
        margin-bottom: 2px;
        background-color: var(--wiki-content-background-color--secondary);
    }

    body.has-vector-mobile-menu #mw-panel .vector-menu-portal {
        display: none;
    }

    body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal {
        display: block;
    }

    body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal {
        text-align: left;
        font-size: 110%;
        border-left-width: 1px;
        border-right-width: 1px;
        margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin));
    }

    body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal {
        border-top: 0;
    }

    body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) {
        border-bottom: 0;
    }

    body.has-vector-mobile-menu #mw-panel .vector-menu-content-list {
        display: flex;
        flex-wrap: wrap;
    }

    body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a {
        display: block;
        padding: 0.2rem 0.5rem;
        border: 1px solid transparent;
    }

    body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover {
        border-color: var(--wiki-content-link-color);
    }

    body.has-vector-mobile-menu #mw-panel #p-navigation-label {
        display: block;
    }
    
    body.has-vector-mobile-menu #p-logo {
		/* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */
		top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) );
    }

    .mobile-nav-toggle {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A");
    }

    /* Search adjustments for the expandable menu */
    body.has-vector-mobile-menu #p-search {
        /* reposition to the right when mobile sidebar menu is active */
        left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding));
        right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin));
        transform: none;
    }

    body.has-vector-mobile-menu #simpleSearch {
        width: 100%;
        margin: 0 auto;
    }

    /* icon navbar tabs + expandable nav panel icon */
    #mw-head {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    }

    #mw-head .vector-menu-tabs .mw-list-item a,
    #mw-head .vector-menu-dropdown .vector-menu-heading,
    #mw-panel .mobile-nav-toggle {
        line-height:var(--wiki-head-icon-size);
        width: var(--wiki-head-icon-size); /* same as line height */
        height: var(--wiki-head-icon-size);
        box-sizing: content-box;
        padding: var(--wiki-head-icon-padding);
        color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    }

    #mw-head .vector-menu-tabs .mw-list-item a::before,
    #mw-head .vector-menu-dropdown .vector-menu-heading::before,
    #mw-panel .mobile-nav-toggle::before {
        content: "";
        display: block;
        position: unset;
        background-image: none;
        width: var(--wiki-head-icon-size);
        height: var(--wiki-head-icon-size);
        margin: 0;
        --mask: var(--icon) no-repeat;
        -webkit-mask: var(--mask);
        mask: var(--mask);
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-position: center center;
        mask-position: center center;
        background-color: var(--wiki-navigation-text-color);
    }

    #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
    #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
    #mw-panel .mobile-nav-toggle:hover::before,
    #mw-panel .mobile-nav-toggle.nav--expanded::before {
        background-color: var(--wiki-navigation-selected-text-color);
    }

    #mw-head .vector-menu-tabs .mw-list-item a span,
    #mw-head .vector-menu-dropdown .vector-menu-heading span {
        display: none;
    }

    #mw-head .vector-menu-dropdown .vector-menu-heading::after {
        display: none;
    }

	#ca-ve-edit,
    #ca-edit {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A");
    }
    
    #ca-ve-edit + #ca-edit {
    	--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    }

    #ca-view,
    #ca-view-foreign {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E");
    }

    #left-navigation li[id^=ca-nstab-] {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A");
    }

    #ca-history {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A");
    }

    #ca-talk {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
    }

    #t-contributions {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
    }

    #ca-addsection {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
    }

    #ca-viewsource {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
    }

    #p-variants {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
    }

    #p-cactions {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A");
    }
    
    #ca-watch {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A");
    }
    
    #ca-unwatch {
        --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E");
    }
    
    .vector-menu-tabs #ca-watch.icon a:hover::before,
    .vector-menu-tabs #ca-unwatch.icon a:hover::before {
        background-image:none;
    }
  
    /* RecentChanges - prevent overflow on long summaries */
    .client-js .mw-changeslist ul,
	.client-js .mw-changeslist table.mw-enhanced-rc {
		margin-left:0;
	}

	.mw-changeslist-line-inner-comment,
	.mw-changeslist-line .comment {
		font-size:0.9em;
		word-break:break-all;
	}

	.mw-userlink {
		overflow-wrap:anywhere;
	}
}

/* Hide the expandable navigation button for desktop users */
.mobile-nav-toggle {
    display: none;
}

/*************
* End mobile *
**************/</text>
    <sha1>a2bfb6ae3080064bb6df78e860a7e9f9bc3d3d17</sha1>
  </revision>
  <revision>
    <id>236</id>
    <parentid>214</parentid>
    <timestamp>2024-07-03T15:01:27Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47633" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: #3cc3a2 url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 0px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #511e00;
  --theme-box-border-radius: 4px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>6d5bcf8d5f12e59fdb81b2a963ed9ad454f8e02f</sha1>
  </revision>
  <revision>
    <id>237</id>
    <parentid>236</parentid>
    <timestamp>2024-07-03T15:04:17Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47683" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 0px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #511e00;
  --theme-box-border-radius: 4px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>002abfc025f26e5dc5daec056740781c1f655f1f</sha1>
  </revision>
  <revision>
    <id>238</id>
    <parentid>237</parentid>
    <timestamp>2024-07-03T15:05:23Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47683" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 0px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #511e00;
  --theme-box-border-radius: 4px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>c7dfc9229c9feb3b66aed238ed648a05529d5b37</sha1>
  </revision>
  <revision>
    <id>239</id>
    <parentid>238</parentid>
    <timestamp>2024-07-04T08:31:24Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47684" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 2px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #107bdc;
  --theme-box-border-radius: 10px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>683bb59d27b5f03fdc4ec430325ba1328df03206</sha1>
  </revision>
  <revision>
    <id>240</id>
    <parentid>239</parentid>
    <timestamp>2024-07-04T09:34:28Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47684" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 3px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #107bdc;
  --theme-box-border-radius: 10px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>bfdbe2a79bc68bfba8774263e9e15d882548a37f</sha1>
  </revision>
  <revision>
    <id>241</id>
    <parentid>240</parentid>
    <timestamp>2024-07-04T09:35:11Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47694" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 3px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #107bdc;
  --theme-box-border-radius: 10px;
  --theme-box-shadow: 0 0 0 3px #fff;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>1d269a1bbc03bda9fb2bb563cd265e6e19c4a8a0</sha1>
  </revision>
  <revision>
    <id>242</id>
    <parentid>241</parentid>
    <timestamp>2024-07-04T09:35:52Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47728" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 3px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #107bdc;
  --theme-box-border-radius: 10px;
  --theme-box-shadow: 0 0 0 3px #fff;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 4px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>f7c8ddab2dffbf7ccbf43c206616d414dc6b0953</sha1>
  </revision>
  <revision>
    <id>243</id>
    <parentid>242</parentid>
    <timestamp>2024-07-04T09:36:48Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47718" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 3px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #107bdc;
  --theme-box-border-radius: 10px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 4px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>2675e3b545a2a845cf43286cbec00bcd4c92002b</sha1>
  </revision>
  <revision>
    <id>244</id>
    <parentid>243</parentid>
    <timestamp>2024-07-04T09:38:23Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47770" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 3px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #107bdc;
  --theme-box-border-radius: 10px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

#mw-page-base {
  --theme-box-border-width: 5px;
  --theme-box-border-color: #FFF;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>a5932521d422a1d71866b630dc1f775cd3446278</sha1>
  </revision>
  <revision>
    <id>245</id>
    <parentid>244</parentid>
    <timestamp>2024-07-04T09:39:31Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47817" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 3px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #107bdc;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

#mw-page-base {
  --theme-box-border-width: 5px;
  --theme-box-border-color: #FFF;
}

#content {
  --theme-box-border-width: 5px;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>19df8fe0a509e9ab96eb988f99c2e1d324879ee9</sha1>
  </revision>
  <revision>
    <id>246</id>
    <parentid>245</parentid>
    <timestamp>2024-07-04T19:18:17Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47684" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 3px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #107bdc;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>7022e9b933fd3c0f8cc7eb7b66fcba651f014ced</sha1>
  </revision>
  <revision>
    <id>247</id>
    <parentid>246</parentid>
    <timestamp>2024-07-04T19:20:23Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47718" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 3px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #107bdc;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 5px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>f62ffe188b2c22990d99ae117286e64aee252870</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>MediaWiki:Pagetitle</title>
  <ns>8</ns>
  <id>197</id>
  <revision>
    <id>215</id>
    <timestamp>2024-07-03T14:31:41Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">$1 - Official {{SITENAME}}</text>
    <sha1>57033220011e307a12da880f313762b28dee374e</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>MediaWiki:Pagetitle-view-mainpage</title>
  <ns>8</ns>
  <id>198</id>
  <revision>
    <id>216</id>
    <timestamp>2024-07-03T14:31:47Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="21" xml:space="preserve">Official {{SITENAME}}</text>
    <sha1>c2d59ee45ea02d10b205a5d70873df285c4a3f46</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Template:License/template</title>
  <ns>10</ns>
  <id>103</id>
  <revision>
    <id>217</id>
    <parentid>118</parentid>
    <timestamp>2024-07-03T14:31:54Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="500" xml:space="preserve">&lt;includeonly&gt;&lt;!--

--&gt;&lt;div class="license {{{type|}}}" style="border: 1px solid var(--theme-border-color); background: var(--theme-background); align-items: center; padding: 5px; display: flex; gap: 1em;"&gt;
&lt;div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}"&gt;{{{icon|}}}&lt;/div&gt;
&lt;div class="text"&gt;{{{text|}}}{{#if:{{{source|}}}|&lt;br/&gt;&lt;span class="source"&gt;Source:&amp;nbsp;{{{source|}}}&lt;/span&gt;}}{{{text2|}}}&lt;/div&gt;
&lt;/div&gt;&lt;!--

--&gt;&lt;/includeonly&gt;&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>5d6e7eaa23d5fec3ea098eaa2fd03bc3040ae523</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Template:License/game</title>
  <ns>10</ns>
  <id>101</id>
  <revision>
    <id>218</id>
    <parentid>114</parentid>
    <timestamp>2024-07-03T14:32:04Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="570" xml:space="preserve">
&lt;includeonly&gt;{{License/template
| source = {{{source|}}}
| type = developer
| darkIcon = yes
| icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]]
| text = This file is owned by [https://weyrdworks.com Weyrdworks] and/or its licensors, and is licensed under the Weyrdworks [[MediaWiki:Terms of Use|Terms of Use]].&lt;br/&gt;
All trademarks and registered trademarks present in the file are proprietary to Weyrdworks and/or its licensors.
}}&lt;/includeonly&gt;
&lt;noinclude&gt;{{documentation|Template:License/doc}}&lt;/noinclude&gt;</text>
    <sha1>fd1b03ead382e13c51c3524c1c10e279fd0b4ff6</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>MediaWiki:Common.js</title>
  <ns>8</ns>
  <id>10</id>
  <revision>
    <id>219</id>
    <parentid>11</parentid>
    <timestamp>2024-07-03T14:32:23Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="3208" xml:space="preserve">// load various utilities from the commons wiki, including l10nFactory and isEditorActive
mw.loader.getScript( 'https://commons.wiki.gg/MediaWiki:Common-base.js?action=raw\u0026ctype=text/javascript' ).then(function(){
////////////////////////////////////////////////////////////////////////////////
/* Now we can use l10nFactory and isEditorActive  /
/* Example for l10nFactory:
var l10n = l10nFactory(mw.config.get('wgUserLanguage'), {
	l10n_key {
		'en': 'en_text',
		'de': 'de_text',
		'zh': 'zh_text',
	},
	l10n_key2 {
		'en': 'en_text2',
		'zh': 'zh_text2',
	}
});
var text = l10n('l10n_key');
*/

////////////////////////////////////////////////////////////////////////////////
/*end of .then() callback*/ });


/* DRUID */
$(function () {
  $(".druid-main-images-label").off("click");
  $(".druid-main-images-label").click(function () {
    var $parent = $(this).closest(".druid-container");
    $parent.find(".druid-toggleable").removeClass("focused");
    var i = $(this).attr("data-druid");
    $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused");
  });

  $(".druid-collapsible").off("click");
  $(".druid-collapsible").click(function () {
    var kind = $(this).attr("data-druid-section");
    $(this).toggleClass("druid-collapsible-collapsed");
    $(this)
      .closest(".druid-container")
      .find("[data-druid-section-row=" + kind + "]")
      .toggleClass("druid-collapsed");
  });
});
/* End DRUID */

/* [[Template:Spoiler]] */
$(function () {
	$('.spoiler-content')
	.off('click') // in case this code is loaded twice
	.on('click', function(e){
		$(this).toggleClass('show');
	}).find('a').on('click', function(e){
		e.stopPropagation();
	});

});


/* Link to imported modules from Lua code */
$(function() {
    var config = mw.config.get([
        'wgCanonicalNamespace',
        'wgFormattedNamespaces'
    ]);
    if (config.wgCanonicalNamespace !== 'Module') {
        return;
    }
    var localizedNamespace = config.wgFormattedNamespaces[828];
    $('.s1, .s2, .s').each(function() {
        var $this = $(this);
        var html = $this.html();
        var quote = html[0];
        var isLongStringQuote = quote === '[';
        var quoteRE = new RegExp('^\\' + quote + '|\\' + quote + '$', 'g');
        if (isLongStringQuote) {
            quoteRE = /^\[\[|\]\]$/g;
        }
        var name = html.replace(quoteRE, '');
        var isEnglishPrefix = name.startsWith('Module:');
        var isLocalizedPrefix = name.startsWith(localizedNamespace + ':');
        var isDevPrefix = name.startsWith('Dev:');
        if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) {
            var attrs = {
                href: mw.util.getUrl(name)
            };
            if (isDevPrefix) {
                attrs.href = 'https://commons.wiki.gg/wiki/Module:' + mw.util.wikiUrlencode(name.replace('Dev:', ''));
                attrs.target = '_blank';
                attrs.rel = 'noopener';
            }
            var link = mw.html.element('a', attrs, name);
            var str = quote + link + quote;
            if (isLongStringQuote) {
                str = '[[' + link + ']]';
            }
            $this.html(str);
        }
    });
});</text>
    <sha1>0a4a13369f3286970f144984e6ae04d65ae2a77f</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>MediaWiki:Vector.js</title>
  <ns>8</ns>
  <id>22</id>
  <revision>
    <id>220</id>
    <parentid>23</parentid>
    <timestamp>2024-07-03T14:32:30Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>javascript</model>
    <format>text/javascript</format>
    <text bytes="303" xml:space="preserve">/* All JavaScript here will be loaded for users of the Vector skin */

/*** Mobile navigation toggle button ***/
$( document ).ready(function(){
	$('&lt;div class="menu-toggle"/&gt;').insertAfter($('#p-logo')).on("click", function(event){
		event.stopPropagation();
		$(this).toggleClass('expanded');
	});
});</text>
    <sha1>eb11f0dc7059fe15b440d640ee24e1a054a7af8a</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Template:InfoboxGame</title>
  <ns>10</ns>
  <id>199</id>
  <revision>
    <id>221</id>
    <timestamp>2024-07-03T14:32:37Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="615" xml:space="preserve">&lt;includeonly&gt;&lt;infobox&gt;
  &lt;title source="title"&gt;
    &lt;default&gt;{{PAGENAME}}&lt;/default&gt;
  &lt;/title&gt;
  &lt;image source="image"&gt;
    &lt;caption source="caption"/&gt;
  &lt;/image&gt;
  &lt;data source="developer"&gt;
    &lt;label&gt;Developer&lt;/label&gt;
  &lt;/data&gt;
  &lt;data source="publisher"&gt;
    &lt;label&gt;Publisher&lt;/label&gt;
  &lt;/data&gt;
  &lt;data source="release"&gt;
    &lt;label&gt;Release date&lt;/label&gt;
  &lt;/data&gt;
  &lt;data source="platform"&gt;
    &lt;label&gt;Platform&lt;/label&gt;
  &lt;/data&gt;
&lt;/infobox&gt;&lt;/includeonly&gt;&lt;noinclude&gt;
Usage:&lt;pre&gt;
{{InfoboxGame
|title=
|image=
|caption=
|developer=
|publisher=
|release=
|platform=
}}
&lt;/pre&gt;
[[Category:Infobox templates]]&lt;/noinclude&gt;</text>
    <sha1>ce818e81bba1bab2e1192621b9a8fd4fc7ebe332</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>File:Site-favicon.ico</title>
  <ns>6</ns>
  <id>7</id>
  <revision>
    <id>222</id>
    <parentid>8</parentid>
    <timestamp>2024-07-03T14:32:43Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="45" xml:space="preserve">{{license|game}}[[Category:Wiki skin images]]</text>
    <sha1>730c1dfbac3463a01a30338c7a59d9d6bbecd4c4</sha1>
  </revision>
  <revision>
    <id>223</id>
    <parentid>222</parentid>
    <timestamp>2024-07-03T14:32:49Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <minor/>
    <comment>Protected "[[File:Site-favicon.ico]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="45" xml:space="preserve">{{license|game}}[[Category:Wiki skin images]]</text>
    <sha1>730c1dfbac3463a01a30338c7a59d9d6bbecd4c4</sha1>
  </revision>
  <revision>
    <id>232</id>
    <parentid>223</parentid>
    <timestamp>2024-07-03T14:41:35Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Westgrass uploaded [[File:Site-favicon.ico]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="45" xml:space="preserve">{{license|game}}[[Category:Wiki skin images]]</text>
    <sha1>730c1dfbac3463a01a30338c7a59d9d6bbecd4c4</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>File:Site-logo.png</title>
  <ns>6</ns>
  <id>200</id>
  <revision>
    <id>224</id>
    <timestamp>2024-07-03T14:32:54Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="45" xml:space="preserve">{{license|game}}[[Category:Wiki skin images]]</text>
    <sha1>730c1dfbac3463a01a30338c7a59d9d6bbecd4c4</sha1>
  </revision>
  <revision>
    <id>225</id>
    <parentid>224</parentid>
    <timestamp>2024-07-03T14:33:00Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <minor/>
    <comment>Protected "[[File:Site-logo.png]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="45" xml:space="preserve">{{license|game}}[[Category:Wiki skin images]]</text>
    <sha1>730c1dfbac3463a01a30338c7a59d9d6bbecd4c4</sha1>
  </revision>
  <revision>
    <id>233</id>
    <parentid>225</parentid>
    <timestamp>2024-07-03T14:42:06Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Westgrass uploaded [[File:Site-logo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="45" xml:space="preserve">{{license|game}}[[Category:Wiki skin images]]</text>
    <sha1>730c1dfbac3463a01a30338c7a59d9d6bbecd4c4</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>File:Site-background.jpg</title>
  <ns>6</ns>
  <id>201</id>
  <revision>
    <id>226</id>
    <timestamp>2024-07-03T14:33:05Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="45" xml:space="preserve">{{license|game}}[[Category:Wiki skin images]]</text>
    <sha1>730c1dfbac3463a01a30338c7a59d9d6bbecd4c4</sha1>
  </revision>
  <revision>
    <id>227</id>
    <parentid>226</parentid>
    <timestamp>2024-07-03T14:33:11Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <minor/>
    <comment>Protected "[[File:Site-background.jpg]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="45" xml:space="preserve">{{license|game}}[[Category:Wiki skin images]]</text>
    <sha1>730c1dfbac3463a01a30338c7a59d9d6bbecd4c4</sha1>
  </revision>
  <revision>
    <id>234</id>
    <parentid>227</parentid>
    <timestamp>2024-07-03T14:45:04Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Westgrass uploaded [[File:Site-background.jpg]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="45" xml:space="preserve">{{license|game}}[[Category:Wiki skin images]]</text>
    <sha1>730c1dfbac3463a01a30338c7a59d9d6bbecd4c4</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>File:Keyart.jpg</title>
  <ns>6</ns>
  <id>202</id>
  <revision>
    <id>228</id>
    <timestamp>2024-07-03T14:33:16Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="35" xml:space="preserve">{{license|game}}[[Category:Images]]</text>
    <sha1>fda00382db44458e9e69913e1fc3934a8173c5e7</sha1>
  </revision>
  <revision>
    <id>250</id>
    <parentid>228</parentid>
    <timestamp>2024-07-04T19:30:13Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Westgrass uploaded [[File:Keyart.jpg]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="35" xml:space="preserve">{{license|game}}[[Category:Images]]</text>
    <sha1>fda00382db44458e9e69913e1fc3934a8173c5e7</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Weyrdlets</title>
  <ns>0</ns>
  <id>203</id>
  <revision>
    <id>229</id>
    <timestamp>2024-07-03T14:33:22Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="245" xml:space="preserve">{{stub}}

{{InfoboxGame
|title=
|image=keyart.jpg
|caption=Game keyart
|developer=[https://weyrdworks.com Weyrdworks]
|publisher=[https://weyrdworks.com Weyrdworks]
|release=
|platform=PC
}}

'''Weyrdlets''' is a game. 

[[Category:Weyrdlets| ]]</text>
    <sha1>cf7a2eb82dcb1ea3219947dfad7c70ba39ce35fc</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Category:Weyrdlets</title>
  <ns>14</ns>
  <id>204</id>
  <revision>
    <id>230</id>
    <timestamp>2024-07-03T14:33:29Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[category:{{SITENAME}}]]</text>
    <sha1>442656d773d97baea47f62cc8dcee3fda0f995ed</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>Category:Screenshots</title>
  <ns>14</ns>
  <id>205</id>
  <revision>
    <id>231</id>
    <timestamp>2024-07-03T14:33:35Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>init</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="19" xml:space="preserve">[[Category:Images]]</text>
    <sha1>8820b63e35aedd9d2666fe40b965d4e91ce0a106</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>9</id>
  <revision>
    <id>235</id>
    <parentid>10</parentid>
    <timestamp>2024-07-03T15:01:22Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41426" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #088488;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(8, 132, 136, 0.15);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 206, 206, 206;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.feature {
  font-size: 18px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.feature {
    font-size: 16px;
  }
}
#mainpage-wrap .box.feature ul {
  margin: 0.5em 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  justify-items: start;
  gap: 1em 1.5em;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.feature ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>bc53a175518aa4e0ea47a6b2e66c5a3d336457f5</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>206</id>
  <revision>
    <id>248</id>
    <timestamp>2024-07-04T19:23:29Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "* navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage * Links ** https://weyrdworks.com/weyrdlets | Official website ** https://store.steampowered.com/app/2366060/Weyrdlets/ | Weyrdlets on Steam * SEARCH * TOOLBOX * LANGUAGES"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="281" xml:space="preserve">* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
* Links
** https://weyrdworks.com/weyrdlets | Official website
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Weyrdlets on Steam
* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>4f1347e5f20ea5824a1f5f551b940e26845cc27b</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>File:Wagyu.png</title>
  <ns>6</ns>
  <id>207</id>
  <revision>
    <id>251</id>
    <timestamp>2024-07-04T19:30:33Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">
== Licensing ==
{{License|game}}</text>
    <sha1>5fdc0517c60eec1aa02a1fef9763fa88c38be9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>File:Mochi.png</title>
  <ns>6</ns>
  <id>208</id>
  <revision>
    <id>252</id>
    <timestamp>2024-07-04T19:30:40Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">
== Licensing ==
{{License|game}}</text>
    <sha1>5fdc0517c60eec1aa02a1fef9763fa88c38be9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>File:Gyoza.png</title>
  <ns>6</ns>
  <id>209</id>
  <revision>
    <id>253</id>
    <timestamp>2024-07-04T19:31:00Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">
== Licensing ==
{{License|game}}</text>
    <sha1>5fdc0517c60eec1aa02a1fef9763fa88c38be9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>File:Screenshot1.jpg</title>
  <ns>6</ns>
  <id>210</id>
  <revision>
    <id>254</id>
    <timestamp>2024-07-04T19:31:43Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">
== Licensing ==
{{License|game}}</text>
    <sha1>5fdc0517c60eec1aa02a1fef9763fa88c38be9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240613174231|204">
  <title>File:Screenshot3.jpg</title>
  <ns>6</ns>
  <id>211</id>
  <revision>
    <id>255</id>
    <timestamp>2024-07-04T19:31:54Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">
== Licensing ==
{{License|game}}</text>
    <sha1>5fdc0517c60eec1aa02a1fef9763fa88c38be9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>File:Screenshot4.jpg</title>
  <ns>6</ns>
  <id>212</id>
  <revision>
    <id>256</id>
    <timestamp>2024-07-04T19:32:02Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">
== Licensing ==
{{License|game}}</text>
    <sha1>5fdc0517c60eec1aa02a1fef9763fa88c38be9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>File:Screenshot2.jpg</title>
  <ns>6</ns>
  <id>213</id>
  <revision>
    <id>257</id>
    <timestamp>2024-07-04T19:32:22Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">
== Licensing ==
{{License|game}}</text>
    <sha1>5fdc0517c60eec1aa02a1fef9763fa88c38be9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>9</id>
  <revision>
    <id>258</id>
    <parentid>235</parentid>
    <timestamp>2024-07-04T19:33:08Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41328" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #088488;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(8, 132, 136, 0.15);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 206, 206, 206;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pet strong {
  font-size: 20px;
}
#mainpage-wrap .box.pet ul {
  margin: 0.5em 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  justify-items: start;
  gap: 1em;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pet ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>560640f1f64b500e4ef338a5ad42cf36458636e8</sha1>
  </revision>
  <revision>
    <id>259</id>
    <parentid>258</parentid>
    <timestamp>2024-07-04T19:33:33Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41331" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #088488;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(8, 132, 136, 0.15);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 206, 206, 206;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets strong {
  font-size: 20px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  justify-items: start;
  gap: 1em;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>00950a0e1bf8e5d2165e726c6cd32b9831826590</sha1>
  </revision>
  <revision>
    <id>260</id>
    <parentid>259</parentid>
    <timestamp>2024-07-04T19:33:57Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41398" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #088488;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(8, 132, 136, 0.15);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 206, 206, 206;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets img {
  max-width: 80%;
  height: auto;
}
#mainpage-wrap .box.pets strong {
  font-size: 20px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  justify-items: start;
  gap: 1em;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>3f2608f3166e9f0b4be9a842ddfef5785fbe5087</sha1>
  </revision>
  <revision>
    <id>262</id>
    <parentid>260</parentid>
    <timestamp>2024-07-04T19:35:28Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41527" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #088488;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(8, 132, 136, 0.15);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 206, 206, 206;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 80%;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 20px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  width: 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>3773f004765086b6ae28ac8a28c3965dff3926ed</sha1>
  </revision>
  <revision>
    <id>263</id>
    <parentid>262</parentid>
    <timestamp>2024-07-04T19:36:15Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41489" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #088488;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(8, 132, 136, 0.15);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 206, 206, 206;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 80%;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 20px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>1377b175f1ea722f532d732c0492863f8d85d4e0</sha1>
  </revision>
  <revision>
    <id>264</id>
    <parentid>263</parentid>
    <timestamp>2024-07-04T19:37:03Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41489" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #088488;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(8, 132, 136, 0.15);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 206, 206, 206;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 80%;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>6d694d6c8b60fe58a61420e4314fc8330d90aeda</sha1>
  </revision>
  <revision>
    <id>265</id>
    <parentid>264</parentid>
    <timestamp>2024-07-04T19:37:16Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41491" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #088488;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(8, 132, 136, 0.15);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 206, 206, 206;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>cc43681816ea34b9eafa9c35c5595302a4d44bd4</sha1>
  </revision>
  <revision>
    <id>267</id>
    <parentid>265</parentid>
    <timestamp>2024-07-04T19:48:20Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41490" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #088488;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(8, 132, 136, 0.15);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>cffb6a1367549de5d92e0892fe21f354396b41ba</sha1>
  </revision>
  <revision>
    <id>269</id>
    <parentid>267</parentid>
    <timestamp>2024-07-04T19:49:25Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41489" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #088488;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(71, 43, 42, 0.15);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>176d9fe6d14258a7abb019f0cc7bde10da84b583</sha1>
  </revision>
  <revision>
    <id>270</id>
    <parentid>269</parentid>
    <timestamp>2024-07-04T19:50:38Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41474" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #107bdc;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: #fcd528;
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>f7bf37f57813055a227eadc224ede2c0d5f183f2</sha1>
  </revision>
  <revision>
    <id>271</id>
    <parentid>270</parentid>
    <timestamp>2024-07-04T19:51:23Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41490" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #107bdc;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8bb0a7c042dc142c5f34fd4b114819fd045f2805</sha1>
  </revision>
  <revision>
    <id>276</id>
    <parentid>271</parentid>
    <timestamp>2024-07-04T19:54:29Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41490" xml:space="preserve">/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>f569ea4828b6d6390a88d735ae3bee719cdea80d</sha1>
  </revision>
  <revision>
    <id>285</id>
    <parentid>276</parentid>
    <timestamp>2024-07-05T18:40:34Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41831" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>e02db4aba8824f0c61fa245f1af79083352cb87e</sha1>
  </revision>
  <revision>
    <id>290</id>
    <parentid>285</parentid>
    <timestamp>2024-07-10T04:12:31Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41836" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>3a21d52b2f0f60461722a0914c1dd9a3851fcb7a</sha1>
  </revision>
  <revision>
    <id>291</id>
    <parentid>290</parentid>
    <timestamp>2024-07-10T04:21:14Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41835" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 249, 190, 38;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8d3af39adebec25143194eadab95ea6ac11fd01d</sha1>
  </revision>
  <revision>
    <id>292</id>
    <parentid>291</parentid>
    <timestamp>2024-07-10T04:23:16Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41833" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 0px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>b1545753afc3dd92b30717f6bd1a562fb1e24306</sha1>
  </revision>
  <revision>
    <id>293</id>
    <parentid>292</parentid>
    <timestamp>2024-07-10T04:24:57Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41833" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>1848af4e0894539bf466790bfd9a8b29ebef5bc3</sha1>
  </revision>
  <revision>
    <id>294</id>
    <parentid>293</parentid>
    <timestamp>2024-07-10T04:25:58Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41833" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>42d10c40e4e406464c7e845a09ec5d282c89186a</sha1>
  </revision>
  <revision>
    <id>295</id>
    <parentid>294</parentid>
    <timestamp>2024-07-10T04:32:29Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41869" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background: 247, 215, 83;
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>31437d4dafa74a287d8e3bf8dda4ef3b5439d63f</sha1>
  </revision>
  <revision>
    <id>296</id>
    <parentid>295</parentid>
    <timestamp>2024-07-10T04:39:10Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41892" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background: 247, 215, 83;
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  background: #f7d753;
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>4b7e16bfb11887688b5cbb29c318e00be208af09</sha1>
  </revision>
  <revision>
    <id>297</id>
    <parentid>296</parentid>
    <timestamp>2024-07-10T04:41:24Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41924" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background: 247, 215, 83;
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>2ea8e16996cd84887e3b7069373d995c98d22262</sha1>
  </revision>
  <revision>
    <id>298</id>
    <parentid>297</parentid>
    <timestamp>2024-07-10T04:44:38Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41921" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background: 247, 215, 83;
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>37b8934fb8794fe77479bd4a9f0e8a64142a8efe</sha1>
  </revision>
  <revision>
    <id>299</id>
    <parentid>298</parentid>
    <timestamp>2024-07-10T04:48:10Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41921" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background: 247, 215, 83;
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>de66e630b7717d2ecf4e9060d9d4858d7d2ab420</sha1>
  </revision>
  <revision>
    <id>300</id>
    <parentid>299</parentid>
    <timestamp>2024-07-10T04:49:44Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41923" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background: 247, 215, 83;
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>b93253e9c5f7355d9e5aab496b6f8da207cd580e</sha1>
  </revision>
  <revision>
    <id>301</id>
    <parentid>300</parentid>
    <timestamp>2024-07-10T04:51:16Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41959" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background: 247, 215, 83;
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>e21c10af6025ce1832233a37346e9ecb4cf22a8e</sha1>
  </revision>
  <revision>
    <id>302</id>
    <parentid>301</parentid>
    <timestamp>2024-07-10T04:52:05Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41961" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background: 247, 215, 83;
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>a5a986c815cd9e970233befb687ab006265e6b4b</sha1>
  </revision>
  <revision>
    <id>303</id>
    <parentid>302</parentid>
    <timestamp>2024-07-10T04:53:05Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41970" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background: rgba(247, 215, 83, 1);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>27c3dbf10b365014f6762c3e1fc18bd95010dd64</sha1>
  </revision>
  <revision>
    <id>304</id>
    <parentid>303</parentid>
    <timestamp>2024-07-10T05:01:41Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41953" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>14721b7cd96d8dfdd04b6e292d8f47e6c4f8fccd</sha1>
  </revision>
  <revision>
    <id>305</id>
    <parentid>304</parentid>
    <timestamp>2024-07-10T05:03:35Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41906" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>ebea99f6db2b77e253cafe81bbeed04ef4da21f4</sha1>
  </revision>
  <revision>
    <id>306</id>
    <parentid>305</parentid>
    <timestamp>2024-07-10T05:05:06Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41848" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>2594272c9625bd34f6bc2b35f0e5c020abfe4b66</sha1>
  </revision>
  <revision>
    <id>307</id>
    <parentid>306</parentid>
    <timestamp>2024-07-10T05:06:32Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Undo revision [[Special:Diff/306|306]] by [[Special:Contributions/Kenyyovo|Kenyyovo]] ([[User talk:Kenyyovo|talk]])</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41906" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>ebea99f6db2b77e253cafe81bbeed04ef4da21f4</sha1>
  </revision>
  <revision>
    <id>308</id>
    <parentid>307</parentid>
    <timestamp>2024-07-10T05:07:06Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Undo revision [[Special:Diff/305|305]] by [[Special:Contributions/Kenyyovo|Kenyyovo]] ([[User talk:Kenyyovo|talk]])</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41953" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>14721b7cd96d8dfdd04b6e292d8f47e6c4f8fccd</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>MediaWiki:Vector.css</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>261</id>
    <parentid>247</parentid>
    <timestamp>2024-07-04T19:34:22Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47718" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #107bdc;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 5px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>8c40e6cf69906b233555a19990a47709ddd0eac4</sha1>
  </revision>
  <revision>
    <id>268</id>
    <parentid>261</parentid>
    <timestamp>2024-07-04T19:48:24Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47718" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 623 ;
  --theme-site-logo-height--px: 203;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 5px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>6ce39b465be4e99048faf33ec14b1a469e7d36aa</sha1>
  </revision>
  <revision>
    <id>273</id>
    <parentid>268</parentid>
    <timestamp>2024-07-04T19:52:41Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47717" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 5px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>1238b120200962d831268d0624228a19489ecea9</sha1>
  </revision>
  <revision>
    <id>274</id>
    <parentid>273</parentid>
    <timestamp>2024-07-04T19:53:05Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47667" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 5px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>bfd27f30e30bca0fb268a5954b748c1d8439e43f</sha1>
  </revision>
  <revision>
    <id>275</id>
    <parentid>274</parentid>
    <timestamp>2024-07-04T19:53:33Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47717" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 5px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>1238b120200962d831268d0624228a19489ecea9</sha1>
  </revision>
  <revision>
    <id>286</id>
    <parentid>275</parentid>
    <timestamp>2024-07-05T18:40:39Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47376" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(255,255,255,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(255,255,255,0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 5px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>2d80a407e24a9325b5724c355d6dffa250c469a5</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>Weyrdlets</title>
  <ns>0</ns>
  <id>203</id>
  <revision>
    <id>266</id>
    <parentid>229</parentid>
    <timestamp>2024-07-04T19:45:29Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="368" xml:space="preserve">{{stub}}

{{InfoboxGame
|title=
|image=keyart.jpg
|caption=Game keyart
|developer=[https://weyrdworks.com Weyrdworks]
|publisher=[https://weyrdworks.com Weyrdworks]
|release=
|platform=PC
}}

'''Weyrdlets''' is a wholesome virtual pet that exists right on your desktop. Explore the islands, play mini-games and build your pet a cozy new home.

[[Category:Weyrdlets| ]]</text>
    <sha1>d06319ee6e3d5e162db3e45d06e9204b6f0aa5d5</sha1>
  </revision>
  <revision>
    <id>284</id>
    <parentid>266</parentid>
    <timestamp>2024-07-05T08:01:13Z</timestamp>
    <contributor>
      <username>Weyrdworks</username>
      <id>503241</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1257" xml:space="preserve">{{stub}}

{{InfoboxGame
|title=
|image=keyart.jpg
|caption=Game keyart
|developer=[https://weyrdworks.com Weyrdworks]
|publisher=[https://weyrdworks.com Weyrdworks]
|release=
|platform=PC
}}

'''Weyrdlets''' is a virtual pet game that combines entertainment, productivity, and creative relaxation. Players can customize their pets and homes, use productivity tools like a Pomodoro Timer and To-Do list, and enjoy features such as a wellness tracker, playground, adventure mode, multiplayer interactions, Twitch integration, kind notes, and desktop fishing.

Current Features:

- Pet and home customization
- Desktop pet mode
- Productivity tools - Pomodoro Timer &amp; To-Do List
- Wellness tracker for mood journaling
- Playground - single player chill space
- Adventure mode for pets to gain knowledge and badges
- Place sticky notes in friends' house
- Twitch integration for viewer interactions
- Sending kind notes to random players via glass bottles
- Desktop fishing 

Upcoming Features:

- Multiplayer activities  
- Habit Tracker
- Olympics themed mini game
- Exploration on a new island

Weyrdlets aims to build a vibrant, supportive community by assisting users in their work, providing companionship, and fostering kindness.
[[Category:Weyrdlets| ]]</text>
    <sha1>edc21cc6e973ec42c421c9316bcfb34393195b4b</sha1>
  </revision>
  <revision>
    <id>287</id>
    <parentid>284</parentid>
    <timestamp>2024-07-10T02:10:14Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <minor/>
    <comment>Bullet Points</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1263" xml:space="preserve">{{stub}}

{{InfoboxGame
|title=
|image=keyart.jpg
|caption=Game keyart
|developer=[https://weyrdworks.com Weyrdworks]
|publisher=[https://weyrdworks.com Weyrdworks]
|release=
|platform=PC
}}

'''Weyrdlets''' is a virtual pet game that combines entertainment, productivity, and creative relaxation. Players can customize their pets and homes, use productivity tools like a Pomodoro Timer and To-Do list, and enjoy features such as a wellness tracker, playground, adventure mode, multiplayer interactions, Twitch integration, kind notes, and desktop fishing.

'''Current Features:'''

* Pet and home customization
* Desktop pet mode
* Productivity tools - Pomodoro Timer &amp; To-Do List
* Wellness tracker for mood journaling
* Playground - single player chill space
* Adventure mode for pets to gain knowledge and badges
* Place sticky notes in friends' house
* Twitch integration for viewer interactions
* Sending kind notes to random players via glass bottles
* Desktop fishing 

Upcoming Features:

* Multiplayer activities  
* Habit Tracker
* Olympics themed mini game
* Exploration on a new island

Weyrdlets aims to build a vibrant, supportive community by assisting users in their work, providing companionship, and fostering kindness.
[[Category:Weyrdlets| ]]</text>
    <sha1>52b6ea7124267e4d0a03b2f1ab8044f81b0abbab</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>File:Site-logo.png</title>
  <ns>6</ns>
  <id>200</id>
  <revision>
    <id>272</id>
    <parentid>233</parentid>
    <timestamp>2024-07-04T19:52:17Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Westgrass uploaded a new version of [[File:Site-logo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="45" xml:space="preserve">{{license|game}}[[Category:Wiki skin images]]</text>
    <sha1>730c1dfbac3463a01a30338c7a59d9d6bbecd4c4</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>Pet</title>
  <ns>0</ns>
  <id>214</id>
  <revision>
    <id>277</id>
    <timestamp>2024-07-04T19:56:28Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}} Just like in reality, engage in lifelike interactions - pet, grab, feed and play with your companion both in-game and on your desktop!"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="143" xml:space="preserve">{{stub}}
Just like in reality, engage in lifelike interactions - pet, grab, feed and play with your companion both in-game and on your desktop!</text>
    <sha1>e1802530242dae4508585b46a03b00f5e3c1742b</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>Abilities</title>
  <ns>0</ns>
  <id>218</id>
  <revision>
    <id>281</id>
    <timestamp>2024-07-04T19:57:17Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}} Experience adopting a unique virtual pet with quirky abilities."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="72" xml:space="preserve">{{stub}}
Experience adopting a unique virtual pet with quirky abilities.</text>
    <sha1>439a87163b5bca45e598998bd8cac3ed2cbf4059</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>Accessories</title>
  <ns>0</ns>
  <id>219</id>
  <revision>
    <id>282</id>
    <timestamp>2024-07-04T19:57:26Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}} Personalize your Weyrdlet and its home with accessories and stickers, from Viking hats and shades to charming home decor."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="130" xml:space="preserve">{{stub}}
Personalize your Weyrdlet and its home with accessories and stickers, from Viking hats and shades to charming home decor.</text>
    <sha1>aeaaa896abf51359397ec6f60b248f82bab35d61</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>Stickers</title>
  <ns>0</ns>
  <id>220</id>
  <revision>
    <id>283</id>
    <timestamp>2024-07-04T19:57:31Z</timestamp>
    <contributor>
      <username>Westgrass</username>
      <id>40</id>
    </contributor>
    <comment>Created page with "{{stub}} Personalize your Weyrdlet and its home with accessories and stickers, from Viking hats and shades to charming home decor."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="130" xml:space="preserve">{{stub}}
Personalize your Weyrdlet and its home with accessories and stickers, from Viking hats and shades to charming home decor.</text>
    <sha1>aeaaa896abf51359397ec6f60b248f82bab35d61</sha1>
  </revision>
</page>
<page arvcontinue="20240704193202|256">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>206</id>
  <revision>
    <id>288</id>
    <parentid>248</parentid>
    <timestamp>2024-07-10T02:56:05Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Added Links to sidebar</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="525" xml:space="preserve">* '''navigation'''
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
* '''Links'''
** https://weyrdworks.com/weyrdlets | Website
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* '''SEARCH'''
* '''TOOLBOX'''
* '''LANGUAGES'''</text>
    <sha1>5e8ca778ee258537a606b9a8b97b60bdd4ca0a77</sha1>
  </revision>
  <revision>
    <id>289</id>
    <parentid>288</parentid>
    <timestamp>2024-07-10T04:00:15Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="495" xml:space="preserve">* Navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
* Links
** https://weyrdworks.com/weyrdlets | Website
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>7026b8567c695edb96ae0d56e5548bd38570eb83</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>9</id>
  <revision>
    <id>309</id>
    <parentid>308</parentid>
    <timestamp>2024-07-10T05:08:57Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41963" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>fcbb4361276c2a76dbac3d473d253c82e5b6099b</sha1>
  </revision>
  <revision>
    <id>310</id>
    <parentid>309</parentid>
    <timestamp>2024-07-10T05:11:49Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41781" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: bold;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: bold;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>075cc47754ab96765a7b00c8ba5beb42fc062c01</sha1>
  </revision>
  <revision>
    <id>311</id>
    <parentid>310</parentid>
    <timestamp>2024-07-10T05:14:54Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41821" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  background-color: rgba(0, 0, 0, 0.1);
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: bold;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: bold;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>67dc74c4a77b00715628dfbd0551d6c3299f5aa6</sha1>
  </revision>
  <revision>
    <id>312</id>
    <parentid>311</parentid>
    <timestamp>2024-07-10T05:16:20Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41855" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: bold;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  background-color: rgba(0, 0, 0, 0.1);
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: bold;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: bold;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>1612df17806bbb6ca15cefaf0e93d4236dcd0269</sha1>
  </revision>
  <revision>
    <id>313</id>
    <parentid>312</parentid>
    <timestamp>2024-07-10T05:21:49Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41857" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: bold;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --background-color: rgba(0, 0, 0, 0.1);
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: bold;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: bold;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>bb7bcf4ad98a21aa7e996ae8fc552072ba2aa5d3</sha1>
  </revision>
  <revision>
    <id>314</id>
    <parentid>313</parentid>
    <timestamp>2024-07-10T05:22:24Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41846" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: bold;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --color: rgba(0, 0, 0, 0.1);
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: bold;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: bold;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>99d63024fa013ad99d650a64eeee05edb2ab69dc</sha1>
  </revision>
  <revision>
    <id>315</id>
    <parentid>314</parentid>
    <timestamp>2024-07-10T05:23:11Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41813" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: bold;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 0.1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: bold;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: bold;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>f2339a60ef43839dfd7c1cecad4207f45f7392af</sha1>
  </revision>
  <revision>
    <id>316</id>
    <parentid>315</parentid>
    <timestamp>2024-07-10T05:23:45Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41811" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: bold;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,190,38, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: bold;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: bold;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>53517e9139524a1534670f03f18e6325f7058d43</sha1>
  </revision>
  <revision>
    <id>317</id>
    <parentid>316</parentid>
    <timestamp>2024-07-10T05:24:14Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41813" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: bold;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: bold;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: bold;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>13a8f1fbb524ad03eb2e16416bdf870c62fefb40</sha1>
  </revision>
  <revision>
    <id>329</id>
    <parentid>317</parentid>
    <timestamp>2024-07-10T06:20:01Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41816" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: bold;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: Black;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: Black;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: Black;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>62c0f961c6a00cfbc8f9d378204369e397963cd4</sha1>
  </revision>
  <revision>
    <id>330</id>
    <parentid>329</parentid>
    <timestamp>2024-07-10T06:20:36Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41813" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: bold;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>9982678f347a8c656a76a39689fff5ea77086260</sha1>
  </revision>
  <revision>
    <id>332</id>
    <parentid>330</parentid>
    <timestamp>2024-07-10T06:27:29Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41874" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 400;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
  text-align: left;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
  text-align: left;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
    text-align: left;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>c93d23bb4a2a8576fbaa005f0ce5546beaeb7baf</sha1>
  </revision>
  <revision>
    <id>333</id>
    <parentid>332</parentid>
    <timestamp>2024-07-10T06:30:57Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41812" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 400;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>bee2ed68ff616653b4c6fb61dc4c237db2da188e</sha1>
  </revision>
  <revision>
    <id>359</id>
    <parentid>333</parentid>
    <timestamp>2024-07-10T07:31:13Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41832" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 400;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 200;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>ef642cc21356c87f61d6d10b0dcdf844ade79741</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>MediaWiki:Vector.css</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>318</id>
    <parentid>286</parentid>
    <timestamp>2024-07-10T05:31:56Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47375" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,0.75),rgba(247,190,38,0.75));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 5px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>9545da7b39a8c4c72e015e48fa29f81151394d19</sha1>
  </revision>
  <revision>
    <id>319</id>
    <parentid>318</parentid>
    <timestamp>2024-07-10T05:33:28Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47369" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 5px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>f87c90b30c104666fbb046c0006a794941c02d03</sha1>
  </revision>
  <revision>
    <id>320</id>
    <parentid>319</parentid>
    <timestamp>2024-07-10T05:36:46Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47471" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --sidebar-width: 180px;
  --sidebar-to-content-margin: 0;
  --sidebar-padding: 2.4rem 0 1rem 1.2em;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 5px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>a8dadb27aaa5d5237e64e4bb021fc868e1b8372a</sha1>
  </revision>
  <revision>
    <id>321</id>
    <parentid>320</parentid>
    <timestamp>2024-07-10T05:38:02Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47370" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 20px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>8f6138e6d98e228b26668fd1a247cf9e3d6b96c7</sha1>
  </revision>
  <revision>
    <id>322</id>
    <parentid>321</parentid>
    <timestamp>2024-07-10T05:41:06Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47371" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 25;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 15px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>e16e43a797dc6acf2e2693ec631f20aaa5da1526</sha1>
  </revision>
  <revision>
    <id>323</id>
    <parentid>322</parentid>
    <timestamp>2024-07-10T05:42:08Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47370" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 10px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>5ecfdd7c43868c1da2a43847e8bbe88ac747728b</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>Weyrdlets Wiki</title>
  <ns>0</ns>
  <id>194</id>
  <revision>
    <id>324</id>
    <parentid>249</parentid>
    <timestamp>2024-07-10T05:52:33Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>GameBasics</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3056" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the '''{{SITENAME}}'''&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;About Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;[[File:Keyart.jpg|360px|link=]]&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a wholesome virtual pet that exists right on your desktop. Explore the islands, play mini-games and build your pet a cozy new home.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Hot Corners]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Desktop Mode]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>b7acf07eb6b4ffc6b720c372cafa6d57e98e95df</sha1>
  </revision>
  <revision>
    <id>325</id>
    <parentid>324</parentid>
    <timestamp>2024-07-10T06:01:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3757" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the '''{{SITENAME}}'''&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;About Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;[[File:Keyart.jpg|360px|link=]]&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a wholesome virtual pet that exists right on your desktop. Explore the islands, play mini-games and build your pet a cozy new home.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Hot Corners]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Decoration]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>2156c42382a006f512922453e1790b9b5803ef17</sha1>
  </revision>
  <revision>
    <id>327</id>
    <parentid>325</parentid>
    <timestamp>2024-07-10T06:07:26Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3763" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the '''{{SITENAME}}'''&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;About Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;[[File:Keyart.jpg|360px|link=]]&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a wholesome virtual pet that exists right on your desktop. Explore the islands, play mini-games and build your pet a cozy new home.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Hot Corners]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Decoration]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|70px]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>b3d92b254f4ea90db56a28c9648194fa59fff717</sha1>
  </revision>
  <revision>
    <id>331</id>
    <parentid>327</parentid>
    <timestamp>2024-07-10T06:21:33Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3760" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;[[File:Keyart.jpg|360px|link=]]&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a wholesome virtual pet that exists right on your desktop. Explore the islands, play mini-games and build your pet a cozy new home.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Hot Corners]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Decoration]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|70px]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>15cd314d074856861cf892f7ded59830ca4a864f</sha1>
  </revision>
  <revision>
    <id>334</id>
    <parentid>331</parentid>
    <timestamp>2024-07-10T06:37:10Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3716" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a wholesome virtual pet that exists right on your desktop. Explore the islands, play mini-games and build your pet a cozy new home.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Hot Corners]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Decoration]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|70px]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>8d0b2e676a0769bdde15dc5f0bcca270767af11c</sha1>
  </revision>
  <revision>
    <id>335</id>
    <parentid>334</parentid>
    <timestamp>2024-07-10T06:38:45Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3854" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], customize your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Hot Corners]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:wagyu.png|100px]]&lt;br/&gt;'''[[Decoration]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|70px]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:wagyu.png|70px]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>41d27ce0d7fa629fbae984b969ea37da6c253934</sha1>
  </revision>
  <revision>
    <id>353</id>
    <parentid>335</parentid>
    <timestamp>2024-07-10T07:11:32Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3926" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px]]&lt;br/&gt;'''[[Activities]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|50px]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|50px]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|50px]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|50px]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|50px]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|50px]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|50px]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>ea6a6a56481f7c63e6a337122c7f41d6e89a9281</sha1>
  </revision>
  <revision>
    <id>354</id>
    <parentid>353</parentid>
    <timestamp>2024-07-10T07:14:03Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3926" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px]]&lt;br/&gt;'''[[Activities]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>8246b162f0cdbdd3630d228f111621759dd81b42</sha1>
  </revision>
  <revision>
    <id>357</id>
    <parentid>354</parentid>
    <timestamp>2024-07-10T07:17:49Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3937" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px]]&lt;br/&gt;'''[[Activities]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>3acf10306c2ff941c940d285e1d9981145ec3e44</sha1>
  </revision>
  <revision>
    <id>358</id>
    <parentid>357</parentid>
    <timestamp>2024-07-10T07:20:44Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4315" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>a76092d397d6417c94468d816e24e95256a01fe5</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:WebsiteLogo.png</title>
  <ns>6</ns>
  <id>221</id>
  <revision>
    <id>326</id>
    <timestamp>2024-07-10T06:06:09Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>328</id>
    <parentid>326</parentid>
    <timestamp>2024-07-10T06:09:26Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo uploaded a new version of [[File:WebsiteLogo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>343</id>
    <parentid>328</parentid>
    <timestamp>2024-07-10T07:01:45Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo uploaded a new version of [[File:WebsiteLogo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>351</id>
    <parentid>343</parentid>
    <timestamp>2024-07-10T07:10:01Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo uploaded a new version of [[File:WebsiteLogo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:ActivitiesLogo.png</title>
  <ns>6</ns>
  <id>222</id>
  <revision>
    <id>336</id>
    <timestamp>2024-07-10T07:01:36Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:CustomizationLogo.png</title>
  <ns>6</ns>
  <id>223</id>
  <revision>
    <id>337</id>
    <timestamp>2024-07-10T07:01:38Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:DesktopLogo.png</title>
  <ns>6</ns>
  <id>224</id>
  <revision>
    <id>338</id>
    <timestamp>2024-07-10T07:01:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:DiscordLogo.png</title>
  <ns>6</ns>
  <id>225</id>
  <revision>
    <id>339</id>
    <timestamp>2024-07-10T07:01:40Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
  <revision>
    <id>345</id>
    <parentid>339</parentid>
    <timestamp>2024-07-10T07:09:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo uploaded a new version of [[File:DiscordLogo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:PetsLogo.png</title>
  <ns>6</ns>
  <id>226</id>
  <revision>
    <id>340</id>
    <timestamp>2024-07-10T07:01:42Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:SettingLogo.png</title>
  <ns>6</ns>
  <id>227</id>
  <revision>
    <id>341</id>
    <timestamp>2024-07-10T07:01:43Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:SteamLogo.png</title>
  <ns>6</ns>
  <id>228</id>
  <revision>
    <id>342</id>
    <timestamp>2024-07-10T07:01:44Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
  <revision>
    <id>349</id>
    <parentid>342</parentid>
    <timestamp>2024-07-10T07:09:58Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo uploaded a new version of [[File:SteamLogo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:XLogo.png</title>
  <ns>6</ns>
  <id>229</id>
  <revision>
    <id>344</id>
    <timestamp>2024-07-10T07:01:47Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
  <revision>
    <id>352</id>
    <parentid>344</parentid>
    <timestamp>2024-07-10T07:10:02Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo uploaded a new version of [[File:XLogo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
  <revision>
    <id>355</id>
    <parentid>352</parentid>
    <timestamp>2024-07-10T07:15:11Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo uploaded a new version of [[File:XLogo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
  <revision>
    <id>356</id>
    <parentid>355</parentid>
    <timestamp>2024-07-10T07:16:05Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo uploaded a new version of [[File:XLogo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:FacebookLogo.png</title>
  <ns>6</ns>
  <id>230</id>
  <revision>
    <id>346</id>
    <timestamp>2024-07-10T07:09:53Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Licensing ==
{{License|CC-PD}}</text>
    <sha1>5ce8516f5899c8938704ee8bf626aa99e9738e9d</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:InstagramLogo.png</title>
  <ns>6</ns>
  <id>232</id>
  <revision>
    <id>348</id>
    <timestamp>2024-07-10T07:09:57Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Licensing ==
{{License|CC-PD}}</text>
    <sha1>5ce8516f5899c8938704ee8bf626aa99e9738e9d</sha1>
  </revision>
</page>
<page arvcontinue="20240710050857|309">
  <title>File:TiktokLogo.png</title>
  <ns>6</ns>
  <id>233</id>
  <revision>
    <id>350</id>
    <timestamp>2024-07-10T07:09:59Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="33" xml:space="preserve">== Licensing ==
{{License|CC-PD}}</text>
    <sha1>5ce8516f5899c8938704ee8bf626aa99e9738e9d</sha1>
  </revision>
</page>
<page arvcontinue="20240710073151|360">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>9</id>
  <revision>
    <id>360</id>
    <parentid>359</parentid>
    <timestamp>2024-07-10T07:31:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41832" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>aa5a6335ef5d176b227c11d509b736df58282ce0</sha1>
  </revision>
  <revision>
    <id>361</id>
    <parentid>360</parentid>
    <timestamp>2024-07-10T07:32:28Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41832" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>3c5b7f92b49933f177867b9062a1a9b3dfd54e13</sha1>
  </revision>
  <revision>
    <id>362</id>
    <parentid>361</parentid>
    <timestamp>2024-07-10T07:33:54Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41758" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>fefbbf893d5312e515744b6c5561c40f445baf8e</sha1>
  </revision>
  <revision>
    <id>363</id>
    <parentid>362</parentid>
    <timestamp>2024-07-10T08:48:04Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41958" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>eea32234ed462100fe911e2bb61f1e1539dd826f</sha1>
  </revision>
  <revision>
    <id>365</id>
    <parentid>363</parentid>
    <timestamp>2024-07-10T09:05:40Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41986" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.iconMenu {
  text-align: center;
}
#mainpage-wrap .box.iconMenu img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.iconMenu strong, #mainpage-wrap .box.iconMenu b {
  font-size: 18px;
}
#mainpage-wrap .box.iconMenu ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.iconMenu ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.iconMenu ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>20ba89294dcb16373f141138ec65120e8b698f6d</sha1>
  </revision>
  <revision>
    <id>366</id>
    <parentid>365</parentid>
    <timestamp>2024-07-10T09:08:49Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Undo revision [[Special:Diff/365|365]] by [[Special:Contributions/Kenyyovo|Kenyyovo]] ([[User talk:Kenyyovo|talk]])</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41958" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>eea32234ed462100fe911e2bb61f1e1539dd826f</sha1>
  </revision>
  <revision>
    <id>367</id>
    <parentid>366</parentid>
    <timestamp>2024-07-10T09:18:19Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41884" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>1a771feb164261f102c41f527aa719225be13e78</sha1>
  </revision>
  <revision>
    <id>369</id>
    <parentid>367</parentid>
    <timestamp>2024-07-10T09:27:34Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41884" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.1);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>651247db93e7113e284340da42468b342f115b86</sha1>
  </revision>
</page>
<page arvcontinue="20240710073151|360">
  <title>Weyrdlets Wiki</title>
  <ns>0</ns>
  <id>194</id>
  <revision>
    <id>364</id>
    <parentid>358</parentid>
    <timestamp>2024-07-10T08:52:05Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4374" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Wiki Community&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
We are currently maintaining [[Special:Statistics|{{NUMBEROFPAGES}} pages ({{NUMBEROFARTICLES}} articles)]]!&lt;br&gt;
&lt;small style="margin-left:2em;"&gt;[[Special:Recentchanges|Recent changes]] {{!}} [[Special:Newpages|New pages]] {{!}} [[Special:Wantedpages|Missing pages]]&lt;/small&gt;
;How to help
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>bb7645326b23df9ee65fd785484ba936cc47b9d6</sha1>
  </revision>
  <revision>
    <id>368</id>
    <parentid>364</parentid>
    <timestamp>2024-07-10T09:22:08Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4384" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;small style&gt;view full list [[here]]&lt;/small&gt;
&lt;h3&gt;[[0.17.4]]&lt;/h3&gt;
&lt;h4&gt;Features&lt;/h4&gt;
* '''Censorship Added:''' Implemented censorship to prevent profanities.
* '''Daily Login Rewards Indicator:''' Added an indicator to notify players of new updates in the daily login rewards window.
&lt;h4&gt;Fixes&lt;/h4&gt;
* B
: See how you can help contribute to {{SITENAME}}! Remember to maintain a standard for grammar and punctuation in your contributions, please.
&lt;inputbox&gt;
type= create
width= 30
placeholder=Title of your article
&lt;/inputbox&gt;
;[[Special:Userlogin|Register]]
: Register an account to keep track of your contributions.
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>18eed44746e8baf8f257fdf4c8bb80fd84f43a62</sha1>
  </revision>
  <revision>
    <id>370</id>
    <parentid>368</parentid>
    <timestamp>2024-07-10T09:28:03Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3991" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;small style&gt;view full list [[here]]&lt;/small&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;

			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>446e0047fdaebb1b86b1eb208898ee4c46694b05</sha1>
  </revision>
  <revision>
    <id>371</id>
    <parentid>370</parentid>
    <timestamp>2024-07-10T09:28:56Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3990" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;small style&gt;view full list [[here]]&lt;/small&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>53c8dd2ad16709475a9aaa938f4378f43917be96</sha1>
  </revision>
  <revision>
    <id>372</id>
    <parentid>371</parentid>
    <timestamp>2024-07-11T03:31:59Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4065" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** [[view more...]]
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;small style&gt;view full list [[here]]&lt;/small&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
--&gt;&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>5df41dfe2b0716003bd43928b0a977d28ead6100</sha1>
  </revision>
  <revision>
    <id>373</id>
    <parentid>372</parentid>
    <timestamp>2024-07-11T03:45:43Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4356" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Ongoing Event&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3 style="text-align: center"&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|x180px]] 
&lt;h4 style="text-align: center"&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>f80471d1e657fce60dccf00dcb1a5494efc87886</sha1>
  </revision>
  <revision>
    <id>374</id>
    <parentid>373</parentid>
    <timestamp>2024-07-11T03:47:14Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4297" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing Event&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|x180px]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>a2bdeae458e4e83127fdfb4781efaa63d440dfad</sha1>
  </revision>
  <revision>
    <id>375</id>
    <parentid>374</parentid>
    <timestamp>2024-07-11T03:47:54Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4296" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing Event&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|360px]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>50f6e18c154b48c3b78436446e0f451ac37ca7c7</sha1>
  </revision>
  <revision>
    <id>376</id>
    <parentid>375</parentid>
    <timestamp>2024-07-11T03:50:47Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4313" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|360px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>e71a8db2eab4b45fcd39c5b11fb6971c296c5efa</sha1>
  </revision>
  <revision>
    <id>377</id>
    <parentid>376</parentid>
    <timestamp>2024-07-11T03:51:40Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4314" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|x360px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>617ac6f05f7c3a91a219f37cf8a493e917d8acd8</sha1>
  </revision>
  <revision>
    <id>378</id>
    <parentid>377</parentid>
    <timestamp>2024-07-11T03:52:01Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4315" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|x1080px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>6b5fec2dccddc2abbbbfbd6d94933a399bd1b178</sha1>
  </revision>
  <revision>
    <id>379</id>
    <parentid>378</parentid>
    <timestamp>2024-07-11T03:54:27Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4319" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>30ccda3498f7d4427a7706dcd47964108e5cd3b9</sha1>
  </revision>
  <revision>
    <id>394</id>
    <parentid>379</parentid>
    <timestamp>2024-07-11T05:16:38Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4329" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[category: Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>0312b7488d6d563934bd06c8a67bb97e0390bd46</sha1>
  </revision>
  <revision>
    <id>395</id>
    <parentid>394</parentid>
    <timestamp>2024-07-11T05:17:27Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4330" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category: Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>db43de491913d9b21e39258c71cb7fdd3b20d0c5</sha1>
  </revision>
  <revision>
    <id>396</id>
    <parentid>395</parentid>
    <timestamp>2024-07-11T05:21:28Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4341" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[Pet]]s&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Game Basics|Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Customization]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>164c230f868b0c1d595f1cae1e36c4c126b0b215</sha1>
  </revision>
  <revision>
    <id>397</id>
    <parentid>396</parentid>
    <timestamp>2024-07-11T05:25:32Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4360" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[:Category:Game Basics|Pets]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Game Basics|Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Decoration]]&lt;br/&gt;'''[[Customization]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>76aa97f8b05e9a473bcf03b60b37c6915af8e463</sha1>
  </revision>
  <revision>
    <id>405</id>
    <parentid>397</parentid>
    <timestamp>2024-07-11T05:38:20Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4357" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[:Category:Game Basics|Pets]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Game Basics|Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Decoration]]&lt;br/&gt;'''[[Decoration]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>8b8b95bdbfaa63a2536057984a885b537da9eb76</sha1>
  </revision>
  <revision>
    <id>407</id>
    <parentid>405</parentid>
    <timestamp>2024-07-11T05:40:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4398" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[:Category:Game Basics|Pets]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Game Basics|Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Decoration]]&lt;br/&gt;'''[[Decoration]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[&lt;/nowiki&gt;[[:Category:Game Basics|Read more...]]&lt;nowiki&gt;]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>c3017e5b6fe7d59d86f6524c11a772cafd449ffa</sha1>
  </revision>
  <revision>
    <id>408</id>
    <parentid>407</parentid>
    <timestamp>2024-07-11T05:41:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4379" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[:Category:Game Basics|Pets]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Game Basics|Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Decoration]]&lt;br/&gt;'''[[Decoration]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[:Category:Game Basics|Read more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;Change Logs&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>0d6be44e4334c6f08b00ad73089b7baf59d7b11d</sha1>
  </revision>
  <revision>
    <id>409</id>
    <parentid>408</parentid>
    <timestamp>2024-07-11T05:44:25Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4461" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[items]], [[customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Meet the [[:Category:Characters|Pets]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Game Basics|Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Decoration]]&lt;br/&gt;'''[[Decoration]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[:Category:Game Basics|view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[:Category: Change Logs|Change Logs]]&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[:Category:Change Logs|view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[:Category:Events|Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[:Category:Events|view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>db673c7a8a0de1228e0e81ddaef97037608c28ed</sha1>
  </revision>
  <revision>
    <id>410</id>
    <parentid>409</parentid>
    <timestamp>2024-07-11T05:45:38Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4491" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[:Category:Items|items]], [[Customization|customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Characters|Meet the Pets]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Game Basics|Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Decoration]]&lt;br/&gt;'''[[Decoration]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[:Category:Game Basics|view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[:Category: Change Logs|Change Logs]]&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[:Category:Change Logs|view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[:Category:Events|Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[:Category:Events|view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>cc75653abc819829dd4784c497de8c524b058b65</sha1>
  </revision>
  <revision>
    <id>413</id>
    <parentid>410</parentid>
    <timestamp>2024-07-11T05:47:38Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4485" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[:Category:Items|items]], [[Customization|customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Pets|Meet the Pets]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[WAGYU]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[MOCHI]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[GYOZA]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Game Basics|Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Decoration]]&lt;br/&gt;'''[[Decoration]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[:Category:Game Basics|view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[:Category: Change Logs|Change Logs]]&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[:Category:Change Logs|view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[:Category:Events|Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[:Category:Events|view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>b685e159db22462dd22d83cbc300b97237a7821e</sha1>
  </revision>
</page>
<page arvcontinue="20240710073151|360">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>206</id>
  <revision>
    <id>380</id>
    <parentid>289</parentid>
    <timestamp>2024-07-11T04:00:08Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="504" xml:space="preserve">* &lt;h2&gt;Navigation&lt;/h2&gt;
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
* Links
** https://weyrdworks.com/weyrdlets | Website
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>7bc560accf2fbcdb529d0ab952473cff0f3dee51</sha1>
  </revision>
  <revision>
    <id>381</id>
    <parentid>380</parentid>
    <timestamp>2024-07-11T05:00:57Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="702" xml:space="preserve">* Navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage

* Game Basics
** Activities
** Adventures
** Customization
** Decoration
** Desktop
** Hot Corners
** Mail
** Pet Care
** Shops
** Widgets

* Items
** Accessories 
** Currencies
** Decorations
** Stickers

* Links
** https://weyrdworks.com/weyrdlets | Website
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>69e79f21c4a2f640f2e290aee6c0cd57bee11e90</sha1>
  </revision>
</page>
<page arvcontinue="20240710073151|360">
  <title>MediaWiki:Vector.css</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>382</id>
    <parentid>323</parentid>
    <timestamp>2024-07-11T05:03:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47368" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 10px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 0px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>06b9364fd131eb6012692b4639f887397014a5be</sha1>
  </revision>
  <revision>
    <id>383</id>
    <parentid>382</parentid>
    <timestamp>2024-07-11T05:03:56Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47370" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 10px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>5ecfdd7c43868c1da2a43847e8bbe88ac747728b</sha1>
  </revision>
  <revision>
    <id>384</id>
    <parentid>383</parentid>
    <timestamp>2024-07-11T05:04:28Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47370" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 15px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>f587e38c1aecc44c7183e2d94bbc1b6d49d88fc6</sha1>
  </revision>
  <revision>
    <id>385</id>
    <parentid>384</parentid>
    <timestamp>2024-07-11T05:05:11Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47403" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-box-border-width: 10px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>254d2256cc588f7ea788316581e5006d7eaa369e</sha1>
  </revision>
  <revision>
    <id>386</id>
    <parentid>385</parentid>
    <timestamp>2024-07-11T05:07:02Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47369" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 10px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>e65892e0d65c5148aaf665885d8b89885318aefa</sha1>
  </revision>
  <revision>
    <id>387</id>
    <parentid>386</parentid>
    <timestamp>2024-07-11T05:07:29Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47369" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 80px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>93162652910114993df4dee0748707c0f7478492</sha1>
  </revision>
  <revision>
    <id>388</id>
    <parentid>387</parentid>
    <timestamp>2024-07-11T05:08:22Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47368" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 1px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>bbd479952d1f93b63f5c23435f4cdb6fcebc6c05</sha1>
  </revision>
  <revision>
    <id>389</id>
    <parentid>388</parentid>
    <timestamp>2024-07-11T05:09:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47367" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 0px;
  --layout-box-gap-y: 0px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>aa84856d7ecca2d293862b14d7d1d856d70785ad</sha1>
  </revision>
  <revision>
    <id>390</id>
    <parentid>389</parentid>
    <timestamp>2024-07-11T05:12:34Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47369" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>b7e6d2de851e9466945e8fbbcff62283ac66d148</sha1>
  </revision>
</page>
<page arvcontinue="20240710073151|360">
  <title>Category:Game Basics</title>
  <ns>14</ns>
  <id>235</id>
  <revision>
    <id>392</id>
    <timestamp>2024-07-11T05:15:34Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "&lt;h2&gt;Game Baisc&lt;/h2&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="19" xml:space="preserve">&lt;h2&gt;Game Baisc&lt;/h2&gt;</text>
    <sha1>ff0a47b11884a6d2648d5afe38a1d5a280431f26</sha1>
  </revision>
  <revision>
    <id>393</id>
    <parentid>392</parentid>
    <timestamp>2024-07-11T05:16:06Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Blanked the page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>403</id>
    <parentid>393</parentid>
    <timestamp>2024-07-11T05:34:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">[[Category: {{Sitename}}]]</text>
    <sha1>64f9a772f8d90a4592ab76ba9da21d05436bbcae</sha1>
  </revision>
  <revision>
    <id>404</id>
    <parentid>403</parentid>
    <timestamp>2024-07-11T05:35:42Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="82" xml:space="preserve">In this category, there is list of the game features.

[[category:{{SITENAME}}| ]]</text>
    <sha1>95800d753a7926b60b1095908e1c444095e8ab28</sha1>
  </revision>
</page>
<page arvcontinue="20240710073151|360">
  <title>Customization</title>
  <ns>0</ns>
  <id>236</id>
  <revision>
    <id>398</id>
    <timestamp>2024-07-11T05:32:58Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[category: Game Basics]]</text>
    <sha1>4548b12727810da9fc529d1059628b2da293b565</sha1>
  </revision>
</page>
<page arvcontinue="20240710073151|360">
  <title>Pet Care</title>
  <ns>0</ns>
  <id>237</id>
  <revision>
    <id>399</id>
    <timestamp>2024-07-11T05:33:13Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[category: Game Basics]]</text>
    <sha1>4548b12727810da9fc529d1059628b2da293b565</sha1>
  </revision>
</page>
<page arvcontinue="20240710073151|360">
  <title>Widgets</title>
  <ns>0</ns>
  <id>238</id>
  <revision>
    <id>400</id>
    <timestamp>2024-07-11T05:33:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[category: Game Basics]]</text>
    <sha1>4548b12727810da9fc529d1059628b2da293b565</sha1>
  </revision>
</page>
<page arvcontinue="20240710073151|360">
  <title>Desktop</title>
  <ns>0</ns>
  <id>239</id>
  <revision>
    <id>401</id>
    <timestamp>2024-07-11T05:33:22Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[category: Game Basics]]</text>
    <sha1>4548b12727810da9fc529d1059628b2da293b565</sha1>
  </revision>
</page>
<page arvcontinue="20240710073151|360">
  <title>Activities</title>
  <ns>0</ns>
  <id>240</id>
  <revision>
    <id>402</id>
    <timestamp>2024-07-11T05:33:27Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[category: Game Basics]]</text>
    <sha1>4548b12727810da9fc529d1059628b2da293b565</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>Category:List of Pets and Mini-pets</title>
  <ns>14</ns>
  <id>243</id>
  <revision>
    <id>414</id>
    <timestamp>2024-07-11T05:47:54Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:Characters]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="23" xml:space="preserve">[[Category:Characters]]</text>
    <sha1>52f882e537c3212533581f6c826cf9bfa42de14e</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>Weyrdlets Wiki</title>
  <ns>0</ns>
  <id>194</id>
  <revision>
    <id>418</id>
    <parentid>413</parentid>
    <timestamp>2024-07-11T05:50:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4485" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[:Category:Items|items]], [[Customization|customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Pets|Meet the Pets]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[Wagyu]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[Mochi]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[Gyoza]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Game Basics|Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Decoration]]&lt;br/&gt;'''[[Decoration]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[:Category:Game Basics|view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[:Category: Change Logs|Change Logs]]&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[:Category:Change Logs|view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[:Category:Events|Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[:Category:Events|view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>2a1fb6fd5a0f7bdf69a068dabefc3409310adfef</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>Wagyu</title>
  <ns>0</ns>
  <id>244</id>
  <revision>
    <id>419</id>
    <timestamp>2024-07-11T05:51:00Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:Pets]] {{stub}} Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="115" xml:space="preserve">[[Category:Pets]]
{{stub}}
Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase.</text>
    <sha1>6b677c5482527207afcb671e8607ada0d1449109</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>Mochi</title>
  <ns>0</ns>
  <id>245</id>
  <revision>
    <id>420</id>
    <timestamp>2024-07-11T05:51:26Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:Pets]] {{stub}} Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="123" xml:space="preserve">[[Category:Pets]]
{{stub}}
Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.</text>
    <sha1>f1f9382bb7cdfe95ecb3363030b10e800e891a30</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>Gyoza</title>
  <ns>0</ns>
  <id>246</id>
  <revision>
    <id>421</id>
    <timestamp>2024-07-11T05:51:53Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:Pets]] {{stub}} This yellow fuzzball is just a cat. Nuff said."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="73" xml:space="preserve">[[Category:Pets]]
{{stub}}
This yellow fuzzball is just a cat. Nuff said.</text>
    <sha1>aba260598b66766a5559825232368497dea421f1</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>Category:Items</title>
  <ns>14</ns>
  <id>247</id>
  <revision>
    <id>422</id>
    <timestamp>2024-07-11T05:52:42Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[category:{{SITENAME}}| ]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="27" xml:space="preserve">[[category:{{SITENAME}}| ]]</text>
    <sha1>7bca05469397fc5169a081cb9eef321ec645445c</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>206</id>
  <revision>
    <id>423</id>
    <parentid>381</parentid>
    <timestamp>2024-07-11T05:57:03Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="714" xml:space="preserve">* Navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage

* Game Basics|Game Basics
** Activities
** Adventures
** Customization
** Decoration
** Desktop
** Hot Corners
** Mail
** Pet Care
** Shops
** Widgets

* Items
** Accessories 
** Currencies
** Decorations
** Stickers

* Links
** https://weyrdworks.com/weyrdlets | Website
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>cb6c2e4872180776178c7a8cb06130a717c7ae27</sha1>
  </revision>
  <revision>
    <id>424</id>
    <parentid>423</parentid>
    <timestamp>2024-07-11T05:57:15Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="702" xml:space="preserve">* Navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage

* Game Basics
** Activities
** Adventures
** Customization
** Decoration
** Desktop
** Hot Corners
** Mail
** Pet Care
** Shops
** Widgets

* Items
** Accessories 
** Currencies
** Decorations
** Stickers

* Links
** https://weyrdworks.com/weyrdlets | Website
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>69e79f21c4a2f640f2e290aee6c0cd57bee11e90</sha1>
  </revision>
  <revision>
    <id>425</id>
    <parentid>424</parentid>
    <timestamp>2024-07-11T05:57:43Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="703" xml:space="preserve">* Navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage

* Game Basics
** Activities
** Adventures
** Customization
** Decoration
** Desktop
** Hot Corners
** Mail
** Pet Care
** Shops
** Widgets

* Items
** Accessories 
** Currencies
** Decorations
** Stickers

* Links
** https://weyrdworks.com/weyrdlets | Website 
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>b13d9f1a0eeba7542cb8406962ece63b6291c81c</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>9</id>
  <revision>
    <id>426</id>
    <parentid>369</parentid>
    <timestamp>2024-07-11T05:58:16Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41884" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>53582046ba6c6e773146802e6aa3e7e182eeee1c</sha1>
  </revision>
  <revision>
    <id>428</id>
    <parentid>426</parentid>
    <timestamp>2024-07-11T06:10:01Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42030" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

.mw-category {
    column-count: 2; /* Sets the number of columns to 2 */
    column-gap: 20px; /* Adjust the gap between columns as needed */
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>172b494d12c628f3d0085d6657b6aaf7ac5afbd5</sha1>
  </revision>
  <revision>
    <id>430</id>
    <parentid>428</parentid>
    <timestamp>2024-07-11T06:15:27Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42254" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

.mw-category {
    column-count: 2; /* Sets the number of columns to 2 */
    column-gap: 20px; /* Adjust the gap between columns as needed */
    text-align: center; /* Center-align the text in columns */
}

.mw-category-columns {
    display: flex; /* Use flexbox to center the column container */
    justify-content: center; /* Center the columns horizontally */
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8bffa20d7b36fedeb31463cf9d10266e76a2edff</sha1>
  </revision>
  <revision>
    <id>431</id>
    <parentid>430</parentid>
    <timestamp>2024-07-11T06:16:06Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42191" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

.mw-category {
    column-count: 2; /* Sets the number of columns to 2 */
    column-gap: 20px; /* Adjust the gap between columns as needed */
}

.mw-category-columns {
    display: flex; /* Use flexbox to center the column container */
    justify-content: center; /* Center the columns horizontally */
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>909c8cf1b2d02d998f9c267d554d20c0e69f981f</sha1>
  </revision>
  <revision>
    <id>432</id>
    <parentid>431</parentid>
    <timestamp>2024-07-11T06:16:47Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42215" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

.mw-category {
    column-count: 2; /* Sets the number of columns to 2 */
    column-gap: 20px; /* Adjust the gap between columns as needed */
    padding-left: 20px;
}

.mw-category-columns {
    display: flex; /* Use flexbox to center the column container */
    justify-content: center; /* Center the columns horizontally */
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>d1887c75f6580bcafc35f25c46362082275dc603</sha1>
  </revision>
  <revision>
    <id>437</id>
    <parentid>432</parentid>
    <timestamp>2024-07-11T06:21:11Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42147" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

.mw-category {
    column-count: 2; /* Sets the number of columns to 2 */

    padding-left: 20px;
}

.mw-category-columns {
    display: flex; /* Use flexbox to center the column container */
    justify-content: center; /* Center the columns horizontally */
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>01d694e3e22a040fef37c44e7c34c0202462db41</sha1>
  </revision>
  <revision>
    <id>438</id>
    <parentid>437</parentid>
    <timestamp>2024-07-11T06:21:53Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42148" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

.mw-category {
    column-count: 2; /* Sets the number of columns to 2 */
    column-gap: 20px; /* Adjust the gap between columns as needed */
    padding-left: 20px;
}

.mw-category-columns {

    justify-content: center; /* Center the columns horizontally */
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>1db482ff5494649d40e882dd9f2ecfb55d88488f</sha1>
  </revision>
  <revision>
    <id>439</id>
    <parentid>438</parentid>
    <timestamp>2024-07-11T06:22:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42088" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

.mw-category {
    column-gap: 20px; /* Adjust the gap between columns as needed */
    padding-left: 20px;
}

.mw-category-columns {
    justify-content: center; /* Center the columns horizontally */
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8dc228c497b354af3ad25545096f7d8530727b1d</sha1>
  </revision>
  <revision>
    <id>440</id>
    <parentid>439</parentid>
    <timestamp>2024-07-11T06:23:04Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41886" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}


/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>a07cee8f1a0629ad9a96d2fa0a4f2f915111d278</sha1>
  </revision>
  <revision>
    <id>441</id>
    <parentid>440</parentid>
    <timestamp>2024-07-11T06:23:44Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42021" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

.mw-category {
    padding-left: 20px;
}

.mw-category-columns {
    justify-content: center; /* Center the columns horizontally */
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}


/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>844c1bd011896d90f83d2ed97c8c8f2075a49e3d</sha1>
  </revision>
  <revision>
    <id>442</id>
    <parentid>441</parentid>
    <timestamp>2024-07-11T06:25:59Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42066" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

.mw-category {
    padding-left: 20px;
}

.mw-category-columns {
    justify-content: center; /* Center the columns horizontally */
    column-count: 2;
    column-width: 40em;
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}


/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>07ac1a72f4acf607c3a21d3fb43b1e60a4d72065</sha1>
  </revision>
  <revision>
    <id>443</id>
    <parentid>442</parentid>
    <timestamp>2024-07-11T06:26:59Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42079" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

.mw-category {
    padding-left: 20px;
}

.mw-category .mw-category-columns {
    justify-content: center; /* Center the columns horizontally */
    column-count: 2;
    column-width: 40em;
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}


/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8a9d02d6577f6b9dc359d84d144c9bb548b49cea</sha1>
  </revision>
  <revision>
    <id>444</id>
    <parentid>443</parentid>
    <timestamp>2024-07-11T06:28:38Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42078" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

.mw-category {
    padding-left: 20px;
}

.mw-category.mw-category-columns {
    justify-content: center; /* Center the columns horizontally */
    column-count: 2;
    column-width: 40em;
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}


/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>3f03bd17a618bff3f6e967a9c3d3e9113d236b1c</sha1>
  </revision>
  <revision>
    <id>445</id>
    <parentid>444</parentid>
    <timestamp>2024-07-11T06:29:32Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42125" xml:space="preserve">
padding-bottom: 20px/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

.mw-category {
    padding-left: 20px;
    padding-bottom: 20px;
}

.mw-category.mw-category-columns {
    justify-content: center; /* Center the columns horizontally */
    column-count: 2;
    column-width: 60em;
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}


/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>c2a6b6cb8e3628e5f368c53ed05e102030131f96</sha1>
  </revision>
  <revision>
    <id>446</id>
    <parentid>445</parentid>
    <timestamp>2024-07-11T06:30:05Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <minor/>
    <comment>Reverted edits by [[Special:Contributions/Kenyyovo|Kenyyovo]] ([[User talk:Kenyyovo|talk]]) to last revision by [[User:Westgrass|Westgrass]]</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41831" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>e02db4aba8824f0c61fa245f1af79083352cb87e</sha1>
  </revision>
  <revision>
    <id>447</id>
    <parentid>446</parentid>
    <timestamp>2024-07-11T06:33:11Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Undo revision [[Special:Diff/446|446]] by [[Special:Contributions/Kenyyovo|Kenyyovo]] ([[User talk:Kenyyovo|talk]])</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42125" xml:space="preserve">
padding-bottom: 20px/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-font-weight: 600;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247, 215, 83, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

.mw-category {
    padding-left: 20px;
    padding-bottom: 20px;
}

.mw-category.mw-category-columns {
    justify-content: center; /* Center the columns horizontally */
    column-count: 2;
    column-width: 60em;
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: 1000;
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: 800;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}


/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  background: rgba(var(--theme-border-color--rgb), 1);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}

#mainpage-wrap .header-wrap {
	display: flex;
	gap: 1em;
	align-items: stretch;
	margin-bottm: 1em;
}

#mainpage-wrap .headerwrap .top {
	flex: 0;
	display: flex;
	flex-direction: row;
	gap: 1em;
}

#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 400px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>c2a6b6cb8e3628e5f368c53ed05e102030131f96</sha1>
  </revision>
  <revision>
    <id>448</id>
    <parentid>447</parentid>
    <timestamp>2024-07-11T06:34:06Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Undo revision [[Special:Diff/447|447]] by [[Special:Contributions/Kenyyovo|Kenyyovo]] ([[User talk:Kenyyovo|talk]])</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41831" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>e02db4aba8824f0c61fa245f1af79083352cb87e</sha1>
  </revision>
  <revision>
    <id>449</id>
    <parentid>448</parentid>
    <timestamp>2024-07-11T06:36:58Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41635" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 800;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>39185aaab0a63f5782ec8566b92e1e1bf9770b9b</sha1>
  </revision>
  <revision>
    <id>450</id>
    <parentid>449</parentid>
    <timestamp>2024-07-11T06:38:46Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41644" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 800;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>1a9bce41914689c12a1595b5448f823eac48bdba</sha1>
  </revision>
  <revision>
    <id>451</id>
    <parentid>450</parentid>
    <timestamp>2024-07-11T06:39:31Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41664" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 206, 206, 206;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 0.2);
  --theme-border-color-accent--rgb: 16, 123, 220;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 800;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>f29b8b7e14e6eb4ccf966b5f389059dc2ee9e940</sha1>
  </revision>
  <revision>
    <id>452</id>
    <parentid>451</parentid>
    <timestamp>2024-07-11T06:41:06Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41643" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 38;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(247, 215, 38, 1);
  --theme-border-color-accent--rgb: 247, 215, 38;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 800;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>d1e28e1dad167d2403c5025abbf1e99a4374e4f5</sha1>
  </revision>
  <revision>
    <id>453</id>
    <parentid>452</parentid>
    <timestamp>2024-07-11T06:41:41Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41623" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 38;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(247, 215, 38, 1);
  --theme-border-color-accent--rgb: 247, 215, 38;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 800;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>c906f6d7184633db650a162f32b87a847a886f2d</sha1>
  </revision>
  <revision>
    <id>454</id>
    <parentid>453</parentid>
    <timestamp>2024-07-11T06:42:25Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41624" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 38;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(247, 215, 38, 1);
  --theme-border-color-accent--rgb: 247, 215, 38;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>bf7e7b6fc6193675162f27580e889872bf48567b</sha1>
  </revision>
  <revision>
    <id>455</id>
    <parentid>454</parentid>
    <timestamp>2024-07-11T06:46:03Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41644" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 38;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(247, 215, 38, 1);
  --theme-border-color-accent--rgb: 247, 215, 38;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(0,0,0, 0.06);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>b76b552b850e2154773c03566f54b23ffe3f3e04</sha1>
  </revision>
  <revision>
    <id>456</id>
    <parentid>455</parentid>
    <timestamp>2024-07-11T06:50:00Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41646" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(247, 215, 83, 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>3972363b8313d2d6ac0ee805ee514a10b7bfaa24</sha1>
  </revision>
  <revision>
    <id>457</id>
    <parentid>456</parentid>
    <timestamp>2024-07-11T06:50:54Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41683" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83; 
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(247, 215, 83, 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>2c2ad4c5d1c42dc3b52ebe91984a0b69f8be4869</sha1>
  </revision>
  <revision>
    <id>458</id>
    <parentid>457</parentid>
    <timestamp>2024-07-11T06:52:35Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41547" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83; 
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(247, 215, 83, 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>80e29e3ce23108bf6586f3e8094246cd964b658f</sha1>
  </revision>
  <revision>
    <id>459</id>
    <parentid>458</parentid>
    <timestamp>2024-07-11T06:54:00Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41542" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83; 
  --theme-border-color: 247, 215, 83;
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(247, 215, 83, 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>7b269e3ed8df6054f81c27bda23d46acc3898cfd</sha1>
  </revision>
  <revision>
    <id>460</id>
    <parentid>459</parentid>
    <timestamp>2024-07-11T07:02:50Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41625" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>58047d28da844bfc464bb46866055f1b8422fd61</sha1>
  </revision>
  <revision>
    <id>461</id>
    <parentid>460</parentid>
    <timestamp>2024-07-11T07:03:48Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41667" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>5681e6b94ad412d612fa094d0fa415774cc69243</sha1>
  </revision>
  <revision>
    <id>462</id>
    <parentid>461</parentid>
    <timestamp>2024-07-11T07:06:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41920" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

.mw-category.mw-category-columns {
	column-count:2;
	column-width:500px;
	padding-left:20px;
	padding-bottom:20px;
    display: flex; /* Use flexbox to center the column container */
    justify-content: center; /* Center the columns horizontally */
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>4bfc0cd70e06871033620690b5fab0391879bb3a</sha1>
  </revision>
  <revision>
    <id>463</id>
    <parentid>462</parentid>
    <timestamp>2024-07-11T07:08:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41872" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

.mw-category{
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count:2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 60em;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>00cd029d6647637f86a505de512e4acfe5237a67</sha1>
  </revision>
  <revision>
    <id>464</id>
    <parentid>463</parentid>
    <timestamp>2024-07-11T07:10:46Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41873" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');
/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

.mw-category{
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>0ddbf9042ab8768b627d88f6368652f3156c409f</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>MediaWiki:Vector.css</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>427</id>
    <parentid>390</parentid>
    <timestamp>2024-07-11T06:04:09Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47408" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>d5f280e14a1a0f6bbbd7ae12d92d0802117229d4</sha1>
  </revision>
  <revision>
    <id>465</id>
    <parentid>427</parentid>
    <timestamp>2024-07-11T07:12:34Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47408" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 8px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>ad717f12bddfb91961087ea036af561eb2d479d3</sha1>
  </revision>
  <revision>
    <id>466</id>
    <parentid>465</parentid>
    <timestamp>2024-07-11T07:12:52Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47408" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>d5f280e14a1a0f6bbbd7ae12d92d0802117229d4</sha1>
  </revision>
  <revision>
    <id>467</id>
    <parentid>466</parentid>
    <timestamp>2024-07-11T07:15:20Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47437" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>5708e956bdf6c9e9e984311f3f88413d468db75b</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>Decoration</title>
  <ns>0</ns>
  <id>248</id>
  <revision>
    <id>429</id>
    <timestamp>2024-07-11T06:13:31Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>Adventures</title>
  <ns>0</ns>
  <id>249</id>
  <revision>
    <id>433</id>
    <timestamp>2024-07-11T06:19:00Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="24" xml:space="preserve">[[Category:Game Basics]]</text>
    <sha1>5f931ff66de0c0f58157f08a9bdb398b68dfb357</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>Mail</title>
  <ns>0</ns>
  <id>251</id>
  <revision>
    <id>435</id>
    <timestamp>2024-07-11T06:19:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="24" xml:space="preserve">[[Category:Game Basics]]</text>
    <sha1>5f931ff66de0c0f58157f08a9bdb398b68dfb357</sha1>
  </revision>
</page>
<page arvcontinue="20240711054754|414">
  <title>Hot Corners</title>
  <ns>0</ns>
  <id>252</id>
  <revision>
    <id>436</id>
    <timestamp>2024-07-11T06:19:55Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="24" xml:space="preserve">[[Category:Game Basics]]</text>
    <sha1>5f931ff66de0c0f58157f08a9bdb398b68dfb357</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>9</id>
  <revision>
    <id>468</id>
    <parentid>464</parentid>
    <timestamp>2024-07-11T07:20:24Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41876" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent--rgb: 247, 215, 83;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

.mw-category{
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>b9f67ca7b7c9819fa456dc29a1dad5a203514576</sha1>
  </revision>
  <revision>
    <id>469</id>
    <parentid>468</parentid>
    <timestamp>2024-07-11T07:24:14Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41901" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

.mw-category{
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8e23b605b954307e4ea490db4d18c7b2295ab675</sha1>
  </revision>
  <revision>
    <id>470</id>
    <parentid>469</parentid>
    <timestamp>2024-07-11T07:25:14Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41956" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

.mw-category{
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>fa35bc32b7042f082f597fbfcd56e3b8f15ded9d</sha1>
  </revision>
  <revision>
    <id>471</id>
    <parentid>470</parentid>
    <timestamp>2024-07-11T07:26:15Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41991" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: 0;
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

.mw-category{
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>3ce927bcae20a569924f7d491e67662a4a529e4c</sha1>
  </revision>
  <revision>
    <id>472</id>
    <parentid>471</parentid>
    <timestamp>2024-07-11T07:27:22Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42020" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

.mw-category{
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>723c5d705b2b1cf4bebec3d37fe44e06510bcdff</sha1>
  </revision>
  <revision>
    <id>473</id>
    <parentid>472</parentid>
    <timestamp>2024-07-11T07:27:55Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42069" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

.mw-category{
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>3c60696ff72b3d90eec8e8e2487bc97ed40ea1bb</sha1>
  </revision>
  <revision>
    <id>474</id>
    <parentid>473</parentid>
    <timestamp>2024-07-11T07:35:42Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42069" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

.mw-category{
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>1fba36e078451bfa68c80e6dd08164c4fb58ebc0</sha1>
  </revision>
  <revision>
    <id>475</id>
    <parentid>474</parentid>
    <timestamp>2024-07-11T07:42:45Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42070" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
  --theme-background: rgba(247,215,83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>48eacb93cd04543bdc43aa7ad0c10cb9948a085d</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Dailies</title>
  <ns>0</ns>
  <id>253</id>
  <revision>
    <id>476</id>
    <timestamp>2024-07-11T07:54:54Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Milestones</title>
  <ns>0</ns>
  <id>254</id>
  <revision>
    <id>477</id>
    <timestamp>2024-07-11T07:56:31Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Inventory</title>
  <ns>0</ns>
  <id>255</id>
  <revision>
    <id>478</id>
    <timestamp>2024-07-11T07:57:05Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Shop</title>
  <ns>0</ns>
  <id>256</id>
  <revision>
    <id>479</id>
    <timestamp>2024-07-11T07:58:12Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Special Event Shop</title>
  <ns>0</ns>
  <id>257</id>
  <revision>
    <id>480</id>
    <timestamp>2024-07-11T07:58:44Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Digging</title>
  <ns>0</ns>
  <id>258</id>
  <revision>
    <id>481</id>
    <timestamp>2024-07-11T08:02:00Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Controls</title>
  <ns>0</ns>
  <id>259</id>
  <revision>
    <id>482</id>
    <timestamp>2024-07-11T08:02:09Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>EXP</title>
  <ns>0</ns>
  <id>260</id>
  <revision>
    <id>483</id>
    <timestamp>2024-07-11T08:03:27Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Favorites</title>
  <ns>0</ns>
  <id>261</id>
  <revision>
    <id>484</id>
    <timestamp>2024-07-11T08:04:43Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Collectibles</title>
  <ns>0</ns>
  <id>262</id>
  <revision>
    <id>485</id>
    <timestamp>2024-07-11T08:10:42Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Items]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="19" xml:space="preserve">[[Category: Items]]</text>
    <sha1>cb5c2817aca9fdc02debe829f325539e7ed6d38d</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Accessories</title>
  <ns>0</ns>
  <id>219</id>
  <revision>
    <id>486</id>
    <parentid>282</parentid>
    <timestamp>2024-07-11T08:11:12Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="150" xml:space="preserve">[[Category: Items]]
{{stub}}
Personalize your Weyrdlet and its home with accessories and stickers, from Viking hats and shades to charming home decor.</text>
    <sha1>0bca896a9b8877c3f7f6f0680e4bce9ddc989369</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Furnitures</title>
  <ns>0</ns>
  <id>263</id>
  <revision>
    <id>487</id>
    <timestamp>2024-07-11T08:11:30Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Items]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="19" xml:space="preserve">[[Category: Items]]</text>
    <sha1>cb5c2817aca9fdc02debe829f325539e7ed6d38d</sha1>
  </revision>
  <revision>
    <id>490</id>
    <parentid>487</parentid>
    <timestamp>2024-07-11T08:14:45Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <minor/>
    <comment>Kenyyovo moved page [[Furniture]] to [[Furnitures]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="19" xml:space="preserve">[[Category: Items]]</text>
    <sha1>cb5c2817aca9fdc02debe829f325539e7ed6d38d</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Food</title>
  <ns>0</ns>
  <id>264</id>
  <revision>
    <id>488</id>
    <timestamp>2024-07-11T08:12:46Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Items]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="19" xml:space="preserve">[[Category: Items]]</text>
    <sha1>cb5c2817aca9fdc02debe829f325539e7ed6d38d</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Tools</title>
  <ns>0</ns>
  <id>265</id>
  <revision>
    <id>489</id>
    <timestamp>2024-07-11T08:12:55Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Items]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="19" xml:space="preserve">[[Category: Items]]</text>
    <sha1>cb5c2817aca9fdc02debe829f325539e7ed6d38d</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Furniture</title>
  <ns>0</ns>
  <id>266</id>
  <revision>
    <id>491</id>
    <timestamp>2024-07-11T08:14:45Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo moved page [[Furniture]] to [[Furnitures]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="24" xml:space="preserve">#REDIRECT [[Furnitures]]</text>
    <sha1>d6c649f72ebaaa6a294ac18c9964e2078f8c62fa</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Toys</title>
  <ns>0</ns>
  <id>267</id>
  <revision>
    <id>492</id>
    <timestamp>2024-07-11T08:16:05Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Items]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="19" xml:space="preserve">[[Category: Items]]</text>
    <sha1>cb5c2817aca9fdc02debe829f325539e7ed6d38d</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Stickers</title>
  <ns>0</ns>
  <id>220</id>
  <revision>
    <id>493</id>
    <parentid>283</parentid>
    <timestamp>2024-07-11T08:17:03Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="150" xml:space="preserve">[[Category: Items]]
{{stub}}
Personalize your Weyrdlet and its home with accessories and stickers, from Viking hats and shades to charming home decor.</text>
    <sha1>0bca896a9b8877c3f7f6f0680e4bce9ddc989369</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Pets</title>
  <ns>0</ns>
  <id>268</id>
  <revision>
    <id>494</id>
    <timestamp>2024-07-11T08:21:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Characters]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="24" xml:space="preserve">[[Category: Characters]]</text>
    <sha1>c00b91221a3fd6cb596b671f2e3dd91e81e1bc3c</sha1>
  </revision>
  <revision>
    <id>501</id>
    <parentid>494</parentid>
    <timestamp>2024-07-11T08:27:49Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Game Basics]]</text>
    <sha1>b2b4b3ba85a5dce68569ccb224230f0ea7edb3d6</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Category:List of Pets and Mini-pets</title>
  <ns>14</ns>
  <id>243</id>
  <revision>
    <id>495</id>
    <parentid>414</parentid>
    <timestamp>2024-07-11T08:22:08Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Blanked the page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>496</id>
    <parentid>495</parentid>
    <timestamp>2024-07-11T08:26:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <minor/>
    <comment>Kenyyovo moved page [[Category:Pets]] to [[Category:List of Pets]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>503</id>
    <parentid>496</parentid>
    <timestamp>2024-07-11T08:29:11Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <minor/>
    <comment>Kenyyovo moved page [[Category:List of Pets]] to [[Category:List of Pets and Mini-pets]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>513</id>
    <parentid>503</parentid>
    <timestamp>2024-07-11T08:39:22Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="28" xml:space="preserve">[[Category: Weyrdlets Wiki]]</text>
    <sha1>17bc4bdb81e00aa49281ac35344755267a246564</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Category:Pets</title>
  <ns>14</ns>
  <id>269</id>
  <revision>
    <id>497</id>
    <timestamp>2024-07-11T08:26:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo moved page [[Category:Pets]] to [[Category:List of Pets]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="36" xml:space="preserve">#REDIRECT [[:Category:List of Pets]]</text>
    <sha1>28245b28a81f57388a281f1e8a8c610c3b126fb3</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Gyoza</title>
  <ns>0</ns>
  <id>246</id>
  <revision>
    <id>498</id>
    <parentid>421</parentid>
    <timestamp>2024-07-11T08:27:11Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="81" xml:space="preserve">[[Category:List of Pets]]
{{stub}}
This yellow fuzzball is just a cat. Nuff said.</text>
    <sha1>26b393e287cb2209c4960926131cfa9265d8ea01</sha1>
  </revision>
  <revision>
    <id>507</id>
    <parentid>498</parentid>
    <timestamp>2024-07-11T08:29:45Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="95" xml:space="preserve">[[Category:List of Pets and Mini-pets]]
{{stub}}
This yellow fuzzball is just a cat. Nuff said.</text>
    <sha1>af6764391fb5038d4086f75f5e0004d21aa2fbea</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Mochi</title>
  <ns>0</ns>
  <id>245</id>
  <revision>
    <id>499</id>
    <parentid>420</parentid>
    <timestamp>2024-07-11T08:27:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="131" xml:space="preserve">[[Category:List of Pets]]
{{stub}}
Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.</text>
    <sha1>3e6e402256596740529c7279904b8744fe4b2358</sha1>
  </revision>
  <revision>
    <id>506</id>
    <parentid>499</parentid>
    <timestamp>2024-07-11T08:29:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="145" xml:space="preserve">[[Category:List of Pets and Mini-pets]]
{{stub}}
Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.</text>
    <sha1>0647cef8fc890dee56fe0037080f5b6cd346595e</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Wagyu</title>
  <ns>0</ns>
  <id>244</id>
  <revision>
    <id>500</id>
    <parentid>419</parentid>
    <timestamp>2024-07-11T08:27:25Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="123" xml:space="preserve">[[Category:List of Pets]]
{{stub}}
Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase.</text>
    <sha1>a82a18268132260410290db78872e0507db432bf</sha1>
  </revision>
  <revision>
    <id>505</id>
    <parentid>500</parentid>
    <timestamp>2024-07-11T08:29:33Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="137" xml:space="preserve">[[Category:List of Pets and Mini-pets]]
{{stub}}
Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase.</text>
    <sha1>d92202b1bad4dc05defe3cfb1c52a7ad09cd2997</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Mini-pets</title>
  <ns>0</ns>
  <id>270</id>
  <revision>
    <id>502</id>
    <timestamp>2024-07-11T08:28:34Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:List of Pets and Mini-pets]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="39" xml:space="preserve">[[Category:List of Pets and Mini-pets]]</text>
    <sha1>c4d96f30f6670c36e2fe03b4e3b756face5d5eb0</sha1>
  </revision>
  <revision>
    <id>509</id>
    <parentid>502</parentid>
    <timestamp>2024-07-11T08:33:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="64" xml:space="preserve">[[Category:List of Pets and Mini-pets]]
[[Category:Game Basics]]</text>
    <sha1>2d3bde89018291af38f109cbf9103ea2d2b2b414</sha1>
  </revision>
  <revision>
    <id>510</id>
    <parentid>509</parentid>
    <timestamp>2024-07-11T08:33:54Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="24" xml:space="preserve">[[Category:Game Basics]]</text>
    <sha1>5f931ff66de0c0f58157f08a9bdb398b68dfb357</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Category:List of Pets</title>
  <ns>14</ns>
  <id>271</id>
  <revision>
    <id>504</id>
    <timestamp>2024-07-11T08:29:11Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Kenyyovo moved page [[Category:List of Pets]] to [[Category:List of Pets and Mini-pets]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="50" xml:space="preserve">#REDIRECT [[:Category:List of Pets and Mini-pets]]</text>
    <sha1>147723c9293dc8af82a48f6a77d6d23235527db8</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Weyrdlets Wiki</title>
  <ns>0</ns>
  <id>194</id>
  <revision>
    <id>508</id>
    <parentid>418</parentid>
    <timestamp>2024-07-11T08:30:20Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4475" xml:space="preserve">__NOTITLE__ __NOTOC__ __NOEDITSECTION__
&lt;div id="mainpage-wrap"&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!-- 
		--&gt;&lt;div class="header box"&gt;&lt;!--
			--&gt;&lt;div class="welcome"&gt;&lt;!--
				--&gt;&lt;h2&gt;Welcome to the official {{SITENAME}}&lt;/h2&gt;&lt;!--
				--&gt;&lt;p&gt;The {{SITENAME}} is written and maintained by the players.&lt;/p&gt;&lt;!--
				--&gt;&lt;p&gt;Please feel free to contribute by creating new articles or expanding on existing ones.&lt;/p&gt;&lt;!--
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="content-wrap"&gt;&lt;!-- 
	--&gt;&lt;div class="l"&gt;&lt;!--
		--&gt;&lt;div class="box game"&gt;&lt;!--
			--&gt;&lt;h2&gt;Weyrdlets&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;div&gt;&lt;!-- 
				--&gt;&lt;div&gt;&lt;!-- 
					--&gt;&lt;p&gt;[[Weyrdlets]] is a virtual pet game that harmonizes relaxation with productivity. Collect adorable [[:Category:Items|items]], [[Customization|customize]] your pet and its home, and bring your loving companion to your [[desktop]] to boost real-life tasks, enriching your daily routine with a touch of joy and motivation!.&lt;/p&gt;&lt;!-- 
				--&gt;&lt;/div&gt;&lt;!-- 
			--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[Pets|Meet the Pets]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:wagyu.png|link=Wagyu]]&lt;br/&gt;'''[[Wagyu]]'''&lt;br/&gt;Rough and rowdy Wagyu is like your fire type that refuses to evolve past its cute phase. 
* [[File:mochi.png|link=Mochi]]&lt;br/&gt;'''[[Mochi]]'''&lt;br/&gt;Looking for a sporty and outdoorsy pet? Look no more! Mochi is always up for a sweaty ball game.
* [[File:gyoza.png|link=Mochi]]&lt;br/&gt;'''[[Gyoza]]'''&lt;br/&gt;This yellow fuzzball is just a cat. Nuff said.
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;[[:Category:Game Basics|Game Basics]]&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:CustomizationLogo.png|100px|link=Decoration]]&lt;br/&gt;'''[[Decoration]]'''
* [[File:PetsLogo.png|100px|link=PetCare]]&lt;br/&gt;'''[[Pet Care]]'''
* [[File:SettingLogo.png|100px|link=Widgets]]&lt;br/&gt;'''[[Widgets]]'''
* [[File:DesktopLogo.png|100px|link=Desktop]]&lt;br/&gt;'''[[Desktop]]'''
* [[File:ActivitiesLogo.png|100px|link=Activities]]&lt;br/&gt;'''[[Activities]]'''

** &lt;h6&gt;[[:Category:Game Basics|view more...]]&lt;/h6&gt;
&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
		--&gt;&lt;div class="box pets"&gt;&lt;!--
			--&gt;&lt;h2 style="text-align: left"&gt;Weyrdlets Links&lt;/h2&gt;&lt;!-- 
			--&gt;
* [[File:WebsiteLogo.png|60px|link=https://weyrdworks.com/weyrdlets]]&lt;br/&gt;''[https://weyrdworks.com/weyrdlets Website]''
* [[File:SteamLogo.png|60px|link=https://store.steampowered.com/app/2366060/Weyrdlets/]]&lt;br/&gt;''[https://store.steampowered.com/app/2366060/Weyrdlets/ Steam]''
* [[File:DiscordLogo.png|60px|link=https://discord.gg/weyrdworks]]&lt;br/&gt;''[https://discord.gg/weyrdworks Discord]''
* [[File:XLogo.png|60px|link=https://twitter.com/weyrdlets]]&lt;br/&gt;''[https://twitter.com/weyrdlets Twitter/X]''
* [[File:TiktokLogo.png|60px|link=https://www.tiktok.com/@weyrdlets]]&lt;br/&gt;''[https://www.tiktok.com/@weyrdlets Tiktok]''
* [[File:FacebookLogo.png|60px|link=https://www.facebook.com/weyrdlets]]&lt;br/&gt;''[https://www.facebook.com/weyrdlets Facebook]''
* [[File:InstagramLogo.png|60px|link=http://instagram.com/weyrdlets]]&lt;br/&gt;''[http://instagram.com/weyrdlets Instagram]''

&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
	--&gt;&lt;/div&gt;&lt;!-- 
	--&gt;&lt;div class="r"&gt;&lt;!-- 
		--&gt;&lt;div class="box gallery"&gt;&lt;!-- 
			--&gt;&lt;h2&gt;Gallery&lt;/h2&gt;&lt;!-- 
			--&gt;&lt;ul&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot1.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot2.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot3.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;li&gt;[[File:screenshot4.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot5.jpg|x180px]]&lt;/li&gt;&lt;!-- 
				--&gt;&lt;!--&lt;li&gt;[[File:screenshot6.jpg|x180px]]&lt;/li&gt;&lt;!-- 
			--&gt;&lt;/ul&gt;&lt;!-- 
		--&gt;&lt;/div&gt;&lt;!-- 
		--&gt;&lt;div class="box comm"&gt;&lt;!--
			--&gt;&lt;h2&gt;[[:Category: Change Logs|Change Logs]]&lt;/h2&gt;&lt;!--
			--&gt;&lt;div&gt;
&lt;h3&gt;[[0.17.3]] - July 3, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.2]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.1]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.17.0]] - July N, 2024&lt;/h3&gt;
&lt;h3&gt;[[0.16.7]] - July N, 2024&lt;/h3&gt;
&lt;h6 style="text-align: center"&gt;[[:Category:Change Logs|view more...]]&lt;/h6&gt;
			&lt;/div&gt;&lt;!--
		--&gt;&lt;/div&gt;&lt;!--
--&gt;&lt;div class="box pets"&gt;&lt;!-- 
			--&gt;&lt;h2 style="text-align: left"&gt;Ongoing [[:Category:Events|Events]]&lt;/h2&gt;&lt;!-- 
               --&gt;&lt;div&gt;
&lt;h3&gt;[[Summer Store]]&lt;/h3&gt;
[[File:screenshot1.jpg|width:800px|link=Events]] 
&lt;h4&gt;ends July XX, 2024&lt;/h4&gt;
&lt;h6&gt;[[:Category:Events|view more...]]&lt;/h6&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;!-- .content-wrap --&gt;
&lt;!--&lt;div class="footer note"&gt;&lt;div&gt;&lt;span&gt;Changes to this main page&lt;/span&gt; &lt;span&gt;can be proposed [[{{SITENAME}}/editcopy|here]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;--&gt;
&lt;/div&gt;&lt;!--#mainpage-wrap--&gt;

[[category:{{SITENAME}}| ]]</text>
    <sha1>66bad3948a40f11ecf45697010b4d4a52460bfec</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Events</title>
  <ns>0</ns>
  <id>272</id>
  <revision>
    <id>511</id>
    <timestamp>2024-07-11T08:34:53Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="24" xml:space="preserve">[[Category:Game Basics]]</text>
    <sha1>5f931ff66de0c0f58157f08a9bdb398b68dfb357</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>NPCs</title>
  <ns>0</ns>
  <id>273</id>
  <revision>
    <id>512</id>
    <timestamp>2024-07-11T08:35:23Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:Game Basics]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="24" xml:space="preserve">[[Category:Game Basics]]</text>
    <sha1>5f931ff66de0c0f58157f08a9bdb398b68dfb357</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Category:Change Logs</title>
  <ns>14</ns>
  <id>274</id>
  <revision>
    <id>514</id>
    <timestamp>2024-07-11T08:40:11Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Weyrdlets Wiki]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="28" xml:space="preserve">[[Category: Weyrdlets Wiki]]</text>
    <sha1>17bc4bdb81e00aa49281ac35344755267a246564</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>Critter</title>
  <ns>0</ns>
  <id>275</id>
  <revision>
    <id>515</id>
    <timestamp>2024-07-11T08:53:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category:List of Pets and Mini-pets]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="39" xml:space="preserve">[[Category:List of Pets and Mini-pets]]</text>
    <sha1>c4d96f30f6670c36e2fe03b4e3b756face5d5eb0</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>0.17.4</title>
  <ns>0</ns>
  <id>276</id>
  <revision>
    <id>516</id>
    <timestamp>2024-07-11T08:55:53Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Change Logs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Change Logs]]</text>
    <sha1>5dd4d34b2365ce8e89178d03e897420d4a0cb9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240711072024|468">
  <title>0.17.3</title>
  <ns>0</ns>
  <id>277</id>
  <revision>
    <id>517</id>
    <timestamp>2024-07-11T08:56:08Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Change Logs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Change Logs]]</text>
    <sha1>5dd4d34b2365ce8e89178d03e897420d4a0cb9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>0.17.2</title>
  <ns>0</ns>
  <id>278</id>
  <revision>
    <id>518</id>
    <timestamp>2024-07-11T08:56:44Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Change Logs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Change Logs]]</text>
    <sha1>5dd4d34b2365ce8e89178d03e897420d4a0cb9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>0.17.1</title>
  <ns>0</ns>
  <id>279</id>
  <revision>
    <id>519</id>
    <timestamp>2024-07-11T08:56:56Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Change Logs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Change Logs]]</text>
    <sha1>5dd4d34b2365ce8e89178d03e897420d4a0cb9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>0.17.0</title>
  <ns>0</ns>
  <id>280</id>
  <revision>
    <id>520</id>
    <timestamp>2024-07-11T08:57:08Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Change Logs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="25" xml:space="preserve">[[Category: Change Logs]]</text>
    <sha1>5dd4d34b2365ce8e89178d03e897420d4a0cb9ad</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Category:List of NPCs</title>
  <ns>14</ns>
  <id>281</id>
  <revision>
    <id>521</id>
    <timestamp>2024-07-11T08:58:28Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Weyrdlets Wiki]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="28" xml:space="preserve">[[Category: Weyrdlets Wiki]]</text>
    <sha1>17bc4bdb81e00aa49281ac35344755267a246564</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Calcubot</title>
  <ns>0</ns>
  <id>282</id>
  <revision>
    <id>522</id>
    <timestamp>2024-07-11T08:58:57Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: List of NPCs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">[[Category: List of NPCs]]</text>
    <sha1>0ef370fc4b1383c4083acd034ca961c32631a087</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Oskar</title>
  <ns>0</ns>
  <id>283</id>
  <revision>
    <id>523</id>
    <timestamp>2024-07-11T08:59:07Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: List of NPCs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">[[Category: List of NPCs]]</text>
    <sha1>0ef370fc4b1383c4083acd034ca961c32631a087</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Fetch</title>
  <ns>0</ns>
  <id>284</id>
  <revision>
    <id>524</id>
    <timestamp>2024-07-11T08:59:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: List of NPCs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">[[Category: List of NPCs]]</text>
    <sha1>0ef370fc4b1383c4083acd034ca961c32631a087</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Slide</title>
  <ns>0</ns>
  <id>285</id>
  <revision>
    <id>525</id>
    <timestamp>2024-07-11T08:59:34Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: List of NPCs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">[[Category: List of NPCs]]</text>
    <sha1>0ef370fc4b1383c4083acd034ca961c32631a087</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Swing</title>
  <ns>0</ns>
  <id>286</id>
  <revision>
    <id>526</id>
    <timestamp>2024-07-11T08:59:43Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: List of NPCs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">[[Category: List of NPCs]]</text>
    <sha1>0ef370fc4b1383c4083acd034ca961c32631a087</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>See</title>
  <ns>0</ns>
  <id>287</id>
  <revision>
    <id>527</id>
    <timestamp>2024-07-11T08:59:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: List of NPCs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">[[Category: List of NPCs]]</text>
    <sha1>0ef370fc4b1383c4083acd034ca961c32631a087</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Saw</title>
  <ns>0</ns>
  <id>288</id>
  <revision>
    <id>528</id>
    <timestamp>2024-07-11T09:00:04Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: List of NPCs]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">[[Category: List of NPCs]]</text>
    <sha1>0ef370fc4b1383c4083acd034ca961c32631a087</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Category:List of Widgets</title>
  <ns>14</ns>
  <id>289</id>
  <revision>
    <id>529</id>
    <timestamp>2024-07-11T09:01:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: Weyrdlets Wiki]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="28" xml:space="preserve">[[Category: Weyrdlets Wiki]]</text>
    <sha1>17bc4bdb81e00aa49281ac35344755267a246564</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Pomodoro Timer</title>
  <ns>0</ns>
  <id>290</id>
  <revision>
    <id>530</id>
    <timestamp>2024-07-11T09:01:55Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: List of Widgets]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">[[Category: List of Widgets]]</text>
    <sha1>5bd1a51ae98500b3f66cb5ba0e5a01a53666df86</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>To Do List</title>
  <ns>0</ns>
  <id>291</id>
  <revision>
    <id>531</id>
    <timestamp>2024-07-11T09:02:12Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: List of Widgets]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">[[Category: List of Widgets]]</text>
    <sha1>5bd1a51ae98500b3f66cb5ba0e5a01a53666df86</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Wellness Tracker</title>
  <ns>0</ns>
  <id>292</id>
  <revision>
    <id>532</id>
    <timestamp>2024-07-11T09:02:22Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[Category: List of Widgets]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="29" xml:space="preserve">[[Category: List of Widgets]]</text>
    <sha1>5bd1a51ae98500b3f66cb5ba0e5a01a53666df86</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>206</id>
  <revision>
    <id>533</id>
    <parentid>425</parentid>
    <timestamp>2024-07-11T09:06:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="737" xml:space="preserve">* Navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage

* Game Basics|Game Basics
** Activities|Activities
** Adventures|Adventures
** Customization
** Decoration
** Desktop
** Hot Corners
** Mail
** Pet Care
** Shops
** Widgets

* Items
** Accessories 
** Currencies
** Decorations
** Stickers

* Links
** https://weyrdworks.com/weyrdlets | Website 
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>5c84cf52b9105bbe8c57779d7966c237d4361381</sha1>
  </revision>
  <revision>
    <id>534</id>
    <parentid>533</parentid>
    <timestamp>2024-07-11T09:08:04Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="868" xml:space="preserve">* Navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage

* Game Basics
** Activities|Activities
** Adventures|Adventures
** Customization|Customization
** Decoration|Decoration
** Desktop|Desktop
** Hot Corners|Hot Corners
** Pets|Pets
** Pet Care|Pet Care
** Shop|Shop
** Widgets|Widgets
** Game Basic|view more...

* Items
** Accessories|Accessories  
** Collectibles|Collectibles
** Furniture|Furniture
** Stickers|Stickers

* Links
** https://weyrdworks.com/weyrdlets | Website 
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>e7ea5c0c7f1a48bfce7c7c7a384a996556d66e8f</sha1>
  </revision>
  <revision>
    <id>535</id>
    <parentid>534</parentid>
    <timestamp>2024-07-11T09:08:25Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="869" xml:space="preserve">* Navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage

* Game Basics
** Activities|Activities
** Adventures|Adventures
** Customization|Customization
** Decoration|Decoration
** Desktop|Desktop
** Hot Corners|Hot Corners
** Pets|Pets
** Pet Care|Pet Care
** Shop|Shop
** Widgets|Widgets
** Game Basics|view more...

* Items
** Accessories|Accessories  
** Collectibles|Collectibles
** Furniture|Furniture
** Stickers|Stickers

* Links
** https://weyrdworks.com/weyrdlets | Website 
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>d5ae17ed0239dcf6273f39974098a01b50d375af</sha1>
  </revision>
  <revision>
    <id>536</id>
    <parentid>535</parentid>
    <timestamp>2024-07-11T09:08:48Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="879" xml:space="preserve">* Navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage

* Game Basics
** Activities|Activities
** Adventures|Adventures
** Customization|Customization
** Decoration|Decoration
** Desktop|Desktop
** Hot Corners|Hot Corners
** Pets|Pets
** Pet Care|Pet Care
** Shop|Shop
** Widgets|Widgets
** :Category:Game Basics|view more...

* Items
** Accessories|Accessories  
** Collectibles|Collectibles
** Furniture|Furniture
** Stickers|Stickers

* Links
** https://weyrdworks.com/weyrdlets | Website 
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>ee95a2e2ea3f2865b5696c509787c419215215e6</sha1>
  </revision>
  <revision>
    <id>537</id>
    <parentid>536</parentid>
    <timestamp>2024-07-11T09:09:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="866" xml:space="preserve">* Navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage

* Game Basics
** Activities|Activities
** Adventures|Adventures
** Customization|Customization
** Decoration|Decoration
** Desktop|Desktop
** Hot Corners|Hot Corners
** Pet Care|Pet Care
** Shop|Shop
** Widgets|Widgets
** :Category:Game Basics|view more...

* Items
** Accessories|Accessories  
** Collectibles|Collectibles
** Furniture|Furniture
** Stickers|Stickers

* Links
** https://weyrdworks.com/weyrdlets | Website 
** https://store.steampowered.com/app/2366060/Weyrdlets/ | Steam Page
** https://discord.gg/weyrdworks | Discord
** https://twitter.com/weyrdlets | Twitter/X
** https://www.tiktok.com/@weyrdlets | Tiktok
** https://www.facebook.com/weyrdlets | Facebook
** http://instagram.com/weyrdlets | Instagram 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>96f9843379b7efe5212a69737ed4aca225085663</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>MediaWiki:Vector.css</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>538</id>
    <parentid>467</parentid>
    <timestamp>2024-07-11T09:11:50Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47437" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>84373c654b7ad46ef0027134595b7a24dcdfcc67</sha1>
  </revision>
  <revision>
    <id>564</id>
    <parentid>538</parentid>
    <timestamp>2024-07-12T03:37:30Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47389" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: 247, 215, 83;
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>63343cd88f5966de0e6992ab8dda7ecda156dc20</sha1>
  </revision>
  <revision>
    <id>565</id>
    <parentid>564</parentid>
    <timestamp>2024-07-12T03:38:16Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47398" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: rgba(247, 215, 83, 1);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>29784be75a430ddc2d9ea8d5042993b509c1c870</sha1>
  </revision>
  <revision>
    <id>566</id>
    <parentid>565</parentid>
    <timestamp>2024-07-12T03:41:55Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47407" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: rgba(247, 215, 83,1);
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: rgba(247, 215, 83,1);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: rgba(247, 215, 83, 1);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>8c87ae948d52c54cf3888d58b2a97087f9a55f10</sha1>
  </revision>
  <revision>
    <id>567</id>
    <parentid>566</parentid>
    <timestamp>2024-07-12T03:42:29Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47391" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: rgba(247, 215, 83,1);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: rgba(247, 215, 83, 1);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>4162ba5bec16802ebb74668c0d511074baaced96</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>Category:Events</title>
  <ns>14</ns>
  <id>293</id>
  <revision>
    <id>539</id>
    <timestamp>2024-07-12T01:42:19Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <comment>Created page with "[[category: Weyrdlets Wiki]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="28" xml:space="preserve">[[category: Weyrdlets Wiki]]</text>
    <sha1>bc3a2fe62e16bc04f00153d1643fb3f5e26df29d</sha1>
  </revision>
</page>
<page arvcontinue="20240711085644|518">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>9</id>
  <revision>
    <id>540</id>
    <parentid>475</parentid>
    <timestamp>2024-07-12T01:46:16Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42028" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */

}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>5bba6650c81cff0971a6a44aab16991cd8771b2a</sha1>
  </revision>
  <revision>
    <id>541</id>
    <parentid>540</parentid>
    <timestamp>2024-07-12T01:47:42Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42059" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
theme-background: 247, 215, 83;
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>829c603815ef52b7df82debd1dedbb041ab37974</sha1>
  </revision>
  <revision>
    <id>542</id>
    <parentid>541</parentid>
    <timestamp>2024-07-12T01:49:00Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42071" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
 --theme-background: rgba(247, 215, 83, 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>c24447e2f462102b83b977be19725632a04db5df</sha1>
  </revision>
  <revision>
    <id>543</id>
    <parentid>542</parentid>
    <timestamp>2024-07-12T01:50:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42089" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
  /* --theme-pi-background: none;*/
  /* --theme-pi-secondary-background--rgb: 127, 127, 127; */
  /* --theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb)) */
  /* --theme-pi-secondary-background-label: var(--theme-accent-label-color)) */
  /* --theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5) */
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>b25a28d560e533eb6aae33bbfe693c640d5f6aba</sha1>
  </revision>
  <revision>
    <id>544</id>
    <parentid>543</parentid>
    <timestamp>2024-07-12T01:52:42Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42053" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: none;
--theme-pi-secondary-background--rgb: 127, 127, 127; 
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 700;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>7aca5e7669a4f827dfa56f54fece5482c3ff7b97</sha1>
  </revision>
  <revision>
    <id>545</id>
    <parentid>544</parentid>
    <timestamp>2024-07-12T01:55:25Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42057" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: none;
--theme-pi-secondary-background--rgb: 127, 127, 127; 
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: inherit;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>95e68dca84f1ecfc13026173bc4a7cc9e09128d0</sha1>
  </revision>
  <revision>
    <id>546</id>
    <parentid>545</parentid>
    <timestamp>2024-07-12T01:56:03Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42053" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: none;
--theme-pi-secondary-background--rgb: 127, 127, 127; 
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>aff9742f66688ca75a2cab257595ace4139ef3e9</sha1>
  </revision>
  <revision>
    <id>547</id>
    <parentid>546</parentid>
    <timestamp>2024-07-12T01:59:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42058" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: 247, 215, 83;
--theme-pi-secondary-background--rgb: 91, 73, 71; 
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),0.5));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>9d0760f9c1dcf6d7e1ef812c4867686613a9a8d8</sha1>
  </revision>
  <revision>
    <id>548</id>
    <parentid>547</parentid>
    <timestamp>2024-07-12T02:26:56Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42054" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: 247, 215, 83;
--theme-pi-secondary-background--rgb: 91, 73, 71; 
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),1));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>f4fff1c7ab1c50f5d3553d4c123040cbef343d2f</sha1>
  </revision>
  <revision>
    <id>549</id>
    <parentid>548</parentid>
    <timestamp>2024-07-12T02:32:34Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42058" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: 247, 215, 83;
--theme-pi-secondary-background: rgba(91, 73, 71, 1); 
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),1));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>b5ed9391adc37b4962931311722ee962b546cf4a</sha1>
  </revision>
  <revision>
    <id>550</id>
    <parentid>549</parentid>
    <timestamp>2024-07-12T02:33:07Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42059" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: 247, 215, 83;
--theme-pi-secondary-background: rgba(91, 73, 71,), 1; 
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),1));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>830a4980a5f90e8e79a4e23b4d709cece41f1757</sha1>
  </revision>
  <revision>
    <id>551</id>
    <parentid>550</parentid>
    <timestamp>2024-07-12T02:37:19Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42064" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: 247, 215, 83;
--theme-pi-secondary-background--rgb: rgba(247, 215, 83, 1);
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),1));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>17f7fb8c8185cd1793c7531ef86a9f10013b5616</sha1>
  </revision>
  <revision>
    <id>552</id>
    <parentid>551</parentid>
    <timestamp>2024-07-12T02:39:20Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42055" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: 247, 215, 83;
--theme-pi-secondary-background--rgb: 247, 215, 83;
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: var(--theme-pi-border-color, rgba(var(--pi-secondary-background--rgb),1));
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>30f7f02b061ff27d02ef0886d2f22c5dc1a8c848</sha1>
  </revision>
  <revision>
    <id>553</id>
    <parentid>552</parentid>
    <timestamp>2024-07-12T02:41:19Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42001" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: 247, 215, 83;
--theme-pi-secondary-background--rgb: 247, 215, 83;
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background, var(--theme-background));
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>32187635cb9d9944f41b039ae78dae18af11d00a</sha1>
  </revision>
  <revision>
    <id>554</id>
    <parentid>553</parentid>
    <timestamp>2024-07-12T02:55:02Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41976" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: 247, 215, 83;
--theme-pi-secondary-background--rgb: 247, 215, 83;
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>3b26578cf82ac2917c875ff9ef1aff1e27cc7ef4</sha1>
  </revision>
  <revision>
    <id>555</id>
    <parentid>554</parentid>
    <timestamp>2024-07-12T03:00:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41985" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(247, 215, 83, 1);
--theme-pi-secondary-background--rgb: 247, 215, 83;
--theme-pi-secondary-background: rgb(var(--theme-pi-secondary-background--rgb));
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8642264598af666d889ca2b9c6426881aab3dd28</sha1>
  </revision>
  <revision>
    <id>556</id>
    <parentid>555</parentid>
    <timestamp>2024-07-12T03:08:01Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41989" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(247, 215, 83, 1);
--theme-pi-secondary-background--rgb: 247, 215, 83;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>ba72b52b5be1f5741ba3d8d60a44b60926315937</sha1>
  </revision>
  <revision>
    <id>557</id>
    <parentid>556</parentid>
    <timestamp>2024-07-12T03:08:45Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41990" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #000;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(247, 215, 83, 1);
--theme-pi-secondary-background--rgb: 255, 255, 255;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>b3c2c95a3eab91040237ea60fcce51639ecedfd4</sha1>
  </revision>
  <revision>
    <id>558</id>
    <parentid>557</parentid>
    <timestamp>2024-07-12T03:14:49Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41993" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(247, 215, 83, 1);
--theme-pi-secondary-background--rgb: 255, 255, 255;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>41588ec414647bb8638c4287385ae75df16666de</sha1>
  </revision>
  <revision>
    <id>559</id>
    <parentid>558</parentid>
    <timestamp>2024-07-12T03:17:31Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41994" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 255, 255;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8604f977b2197ad1ed9be90ecc951667d95c8af3</sha1>
  </revision>
  <revision>
    <id>560</id>
    <parentid>559</parentid>
    <timestamp>2024-07-12T03:17:54Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41991" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 255, 255;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(var(--pi-secondary-background--rgb),1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>a176ac159e40c1228df446eb847266ab6d9a7542</sha1>
  </revision>
  <revision>
    <id>561</id>
    <parentid>560</parentid>
    <timestamp>2024-07-12T03:19:28Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41967" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>79364a41b6565288a76038389e5039af94c8c7d9</sha1>
  </revision>
  <revision>
    <id>562</id>
    <parentid>561</parentid>
    <timestamp>2024-07-12T03:21:23Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41967" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #69ba22;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>f2b8cba9bbb9cdaaaae1a308575f5ec0f875a208</sha1>
  </revision>
  <revision>
    <id>563</id>
    <parentid>562</parentid>
    <timestamp>2024-07-12T03:22:15Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41967" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(252, 213, 40, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>79364a41b6565288a76038389e5039af94c8c7d9</sha1>
  </revision>
</page>
<page arvcontinue="20240712040655|568">
  <title>MediaWiki:Vector.css</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>568</id>
    <parentid>567</parentid>
    <timestamp>2024-07-12T04:06:55Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47388" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: rgba(247, 215, 83,1);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: rgba(247, 215, 83, 1);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: rgba(247, 215, 83,1);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>c5bf62f741e1f3ca8d7050262d262b217eef1102</sha1>
  </revision>
  <revision>
    <id>607</id>
    <parentid>568</parentid>
    <timestamp>2024-07-12T08:16:26Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47352" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: rgba(247, 215, 83,1);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: rgba(247, 215, 83, 1);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: #cb903c;
  --theme-heading-rule-color-h2: #cb903c;
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: rgba(247, 215, 83,1);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>be5a1ca696b3e124a001effe6066e773cf32e9e7</sha1>
  </revision>
  <revision>
    <id>614</id>
    <parentid>607</parentid>
    <timestamp>2024-07-12T08:45:38Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47358" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 190, 38, 0.95);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: rgba(247, 215, 83,1);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: rgba(247, 215, 83, 1);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: #cb903c;
  --theme-heading-rule-color-h2: #cb903c;
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: rgba(247, 215, 83,1);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    font-weight:bold;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: #cb903c;
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>353adfe679bc19aabab8d19ef915b9bc1eabd156</sha1>
  </revision>
  <revision>
    <id>615</id>
    <parentid>614</parentid>
    <timestamp>2024-07-12T08:50:21Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47349" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 215, 38, 1);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: rgba(247, 215, 83,1);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: rgba(247, 215, 83, 1);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: #cb903c;
  --theme-heading-rule-color-h2: #cb903c;
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: rgba(247, 215, 83,1);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>6f90a46d98de045f52bedf916e792e647614a237</sha1>
  </revision>
  <revision>
    <id>616</id>
    <parentid>615</parentid>
    <timestamp>2024-07-12T08:52:42Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47370" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 215, 38, 1);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: rgba(247, 215, 83,1);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: rgba(247, 215, 83, 1);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: #cb903c;
  --theme-heading-rule-color-h2: #cb903c;
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: rgba(247, 215, 83,1);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>5f568bfba69ef1a073058ec6f5a4ea4d12bfa38d</sha1>
  </revision>
  <revision>
    <id>617</id>
    <parentid>616</parentid>
    <timestamp>2024-07-12T08:55:46Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47381" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 215, 38, 1);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: rgba(247, 215, 83,1);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: rgba(247, 215, 83, 1);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 10px 10px 10px 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: #cb903c;
  --theme-heading-rule-color-h2: #cb903c;
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: rgba(247, 215, 83,1);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>61c0f7c08242ba1bb626213820c47142c38f75cb</sha1>
  </revision>
</page>
<page arvcontinue="20240712040655|568">
  <title>Weyrdlets</title>
  <ns>0</ns>
  <id>203</id>
  <revision>
    <id>569</id>
    <parentid>287</parentid>
    <timestamp>2024-07-12T04:07:38Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1267" xml:space="preserve">{{stub}}

{{InfoboxGame
|title=
|image=keyart.jpg
|caption=Game keyart
|developer=[https://weyrdworks.com Weyrdworks]
|publisher=[https://weyrdworks.com Weyrdworks]
|release=
|platform=PC
}}

'''Weyrdlets''' is a virtual pet game that combines entertainment, productivity, and creative relaxation. Players can customize their pets and homes, use productivity tools like a Pomodoro Timer and To-Do list, and enjoy features such as a wellness tracker, playground, adventure mode, multiplayer interactions, Twitch integration, kind notes, and desktop fishing.

'''Current Features:'''

* Pet and home customization
* Desktop pet mode
* Productivity tools - Pomodoro Timer &amp; To-Do List
* Wellness tracker for mood journaling
* Playground - single player chill space
* Adventure mode for pets to gain knowledge and badges
* Place sticky notes in friends' house
* Twitch integration for viewer interactions
* Sending kind notes to random players via glass bottles
* Desktop fishing 

Upcoming Features:

* Multiplayer activities  
* Habit Tracker
* Olympics themed mini game
* Exploration on a new island

Weyrdlets aims to build a vibrant, supportive community by assisting users in their work, providing companionship, and fostering kindness.
[[Category:Weyrdlets Wiki ]]</text>
    <sha1>c2958556fe6a51a41ac385ebce7f9d0314ffc9d3</sha1>
  </revision>
</page>
<page arvcontinue="20240712040655|568">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>9</id>
  <revision>
    <id>570</id>
    <parentid>563</parentid>
    <timestamp>2024-07-12T04:09:58Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41965" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>fab05598f1b7b2816a0da403f851e31aa180b5d8</sha1>
  </revision>
  <revision>
    <id>571</id>
    <parentid>570</parentid>
    <timestamp>2024-07-12T06:36:50Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41979" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,190,38,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>61eb097c25f37f2cdc1ad6262ec0b37cc13398f9</sha1>
  </revision>
  <revision>
    <id>573</id>
    <parentid>571</parentid>
    <timestamp>2024-07-12T06:37:49Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41979" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>214b419cdaf15baadd4b6ec530308432109ad953</sha1>
  </revision>
  <revision>
    <id>579</id>
    <parentid>573</parentid>
    <timestamp>2024-07-12T06:55:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42024" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
  --padding-left: 5px;
  --padding-top: 5px;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>1fab85f46acbf9dcce7517dc3884c1f7ce8803ce</sha1>
  </revision>
  <revision>
    <id>580</id>
    <parentid>579</parentid>
    <timestamp>2024-07-12T06:56:32Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="41979" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>214b419cdaf15baadd4b6ec530308432109ad953</sha1>
  </revision>
  <revision>
    <id>581</id>
    <parentid>580</parentid>
    <timestamp>2024-07-12T07:03:09Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42428" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: var(--layout-gap);
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  background: var(--theme-box-background);
  padding: 6px;
  font-size: unset;
}
.thumb .img {
  display: block;
}
.thumb .img {
  background: none;
}
.thumb .thumbcaption {
  font-size: var(font-size);
  padding: 0 1px; /* 1px for border of image. */
  margin-top: 6px;
}
.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>932cef5227706b1ef25262761faa2a5ad8fac7a6</sha1>
  </revision>
  <revision>
    <id>582</id>
    <parentid>581</parentid>
    <timestamp>2024-07-12T07:04:47Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42385" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  background: var(--theme-tab-background);
  padding: 6px;
  font-size: unset;
}
.thumb .img {
  display: block;
}
.thumb .img {
  background: none;
}
.thumb .thumbcaption {
  padding: 0 1px; /* 1px for border of image. */
  margin-top: 6px;
}
.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>636d809f5187ec143fc7f5338a3ecf6423cd87af</sha1>
  </revision>
  <revision>
    <id>583</id>
    <parentid>582</parentid>
    <timestamp>2024-07-12T07:07:39Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42394" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  background: var(--theme-tab-background);
  padding: 6px;
  font-size: unset;
}
.thumb .img {
  display: block;
  background:  var(--theme-tab-background);
}

.thumb .thumbcaption {
  padding: 0 1px; /* 1px for border of image. */
  margin-top: 6px;
}
.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>3f3f905772013c0f2009a0e5e57e7ca00414e504</sha1>
  </revision>
  <revision>
    <id>584</id>
    <parentid>583</parentid>
    <timestamp>2024-07-12T07:08:24Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42385" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  background: var(--theme-tab-background);
  padding: 6px;
  font-size: unset;
}
.thumb .img {
  display: block;
  background:rgba(247, 215, 83,1);
}

.thumb .thumbcaption {
  padding: 0 1px; /* 1px for border of image. */
  margin-top: 6px;
}
.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>2a26d396876a294d679ff2d7b107905f75f6b394</sha1>
  </revision>
  <revision>
    <id>585</id>
    <parentid>584</parentid>
    <timestamp>2024-07-12T07:09:02Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42391" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  background: var(--theme-tab-background);
  padding: 6px;
  font-size: unset;
}
.thumb .img {
  display: block;
  background-color:rgba(247, 215, 83,1);
}

.thumb .thumbcaption {
  padding: 0 1px; /* 1px for border of image. */
  margin-top: 6px;
}
.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>13ce9e24f3bdab49f787abef02a2d8a3d81fddd7</sha1>
  </revision>
  <revision>
    <id>586</id>
    <parentid>585</parentid>
    <timestamp>2024-07-12T07:10:05Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42396" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  background: var(--theme-tab-background);
  padding: 6px;
  font-size: unset;
}
.thumb .thumbimg {
  display: block;
  background-color:rgba(247, 215, 83,1);
}

.thumb .thumbcaption {
  padding: 0 1px; /* 1px for border of image. */
  margin-top: 6px;
}
.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>c07cbde66f60a459148a53637f45ace936ad07e0</sha1>
  </revision>
  <revision>
    <id>587</id>
    <parentid>586</parentid>
    <timestamp>2024-07-12T07:11:15Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42353" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  padding: 6px;
  font-size: unset;
}
.thumb .thumbimg {
  display: block;
  background-color:rgba(247, 215, 83,1);
}

.thumb .thumbcaption {
  padding: 0 1px; /* 1px for border of image. */
  margin-top: 6px;
}
.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8baaeab7a900f8085bfd4ba781fc64184c947956</sha1>
  </revision>
  <revision>
    <id>588</id>
    <parentid>587</parentid>
    <timestamp>2024-07-12T07:11:44Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42356" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  padding: 6px;
  font-size: unset;
    background-color:rgba(247, 215, 83,1);
}
.thumb .thumbimg {
  display: block;

}

.thumb .thumbcaption {
  padding: 0 1px; /* 1px for border of image. */
  margin-top: 6px;
}
.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>980b7695753935deb1a23742beaab670b2e08548</sha1>
  </revision>
  <revision>
    <id>589</id>
    <parentid>588</parentid>
    <timestamp>2024-07-12T07:12:36Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42377" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  padding: 10px;
  font-size: unset;
  text-align: center;
  background-color:rgba(247, 215, 83,1);
}
.thumb .thumbimg {
  display: block;

}

.thumb .thumbcaption {
  padding: 0 1px; /* 1px for border of image. */
  margin-top: 6px;
}
.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>2f77c98b829a9abfa1e78758d0edc400aee9c84c</sha1>
  </revision>
  <revision>
    <id>590</id>
    <parentid>589</parentid>
    <timestamp>2024-07-12T07:13:58Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42379" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}
.thumb .thumbimg {
  display: block;

}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
    text-align: center;
}
.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>35ff78575b3159b5922a7acd81a4c0d98cbac4f9</sha1>
  </revision>
  <revision>
    <id>592</id>
    <parentid>590</parentid>
    <timestamp>2024-07-12T07:18:10Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42411" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 80%;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8a7a00110f4a106a0057888265d9d072b63d3b70</sha1>
  </revision>
  <revision>
    <id>593</id>
    <parentid>592</parentid>
    <timestamp>2024-07-12T07:19:40Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42427" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 90%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>e505b199589e8474c60b026b8417fdef50426f57</sha1>
  </revision>
  <revision>
    <id>594</id>
    <parentid>593</parentid>
    <timestamp>2024-07-12T07:20:27Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42449" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 90%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>f8d3e46f18d5d4b2bd5e116d0979120eb0a776c3</sha1>
  </revision>
  <revision>
    <id>595</id>
    <parentid>594</parentid>
    <timestamp>2024-07-12T07:21:03Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42450" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>fbf44842c030e34a5676491a589e96b17e14c7a1</sha1>
  </revision>
  <revision>
    <id>596</id>
    <parentid>595</parentid>
    <timestamp>2024-07-12T07:25:03Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42466" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 1px solid #5b4947;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 0px;
  border-radius: 0px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>76728d2518dded3acfdf761af410c71d3225f09d</sha1>
  </revision>
  <revision>
    <id>597</id>
    <parentid>596</parentid>
    <timestamp>2024-07-12T07:26:55Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42464" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 2px solid #5b4947;
  border-radius: 5px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>bfaa0edd2cc2afbb86639d0f524082d928c50696</sha1>
  </revision>
  <revision>
    <id>599</id>
    <parentid>597</parentid>
    <timestamp>2024-07-12T07:30:55Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42464" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 1px solid #5b4947;
  border-radius: 5px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>d0f19c4231eb99fd4c68bc60b83fd81c03f94de5</sha1>
  </revision>
  <revision>
    <id>602</id>
    <parentid>599</parentid>
    <timestamp>2024-07-12T07:54:13Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42446" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 1px solid #5b4947;
  border-radius: 5px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid #5b4947;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>de17cd86a7af738e1b5e12ec4d50790729684dbc</sha1>
  </revision>
  <revision>
    <id>603</id>
    <parentid>602</parentid>
    <timestamp>2024-07-12T08:02:45Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42426" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 1px solid #5b4947;
  border-radius: 5px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid #5b4947;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: bold;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid #5b4947;
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>a0ebe95d96649be0f150c81931633c0c4dfe6f27</sha1>
  </revision>
  <revision>
    <id>605</id>
    <parentid>603</parentid>
    <timestamp>2024-07-12T08:10:57Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42426" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 1px solid #cb903c;
  border-radius: 5px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid #cb903c;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: bold;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid #5b4947;
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>81aa2af92602b3f92e0f3c252bfb9dc95bb3a141</sha1>
  </revision>
  <revision>
    <id>606</id>
    <parentid>605</parentid>
    <timestamp>2024-07-12T08:14:11Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42426" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 1px solid #cb903c;
  border-radius: 5px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid #cb903c;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: bold;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid #cb903c;
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>2040d5ac262c327e75c5c891131e01edadb8f7bd</sha1>
  </revision>
  <revision>
    <id>609</id>
    <parentid>606</parentid>
    <timestamp>2024-07-12T08:31:41Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42424" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 1px solid #cb903c;
  border-radius: 5px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid #cb903c;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: bold;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid #cb903c;
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: rgba(247, 215, 83,1);
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: #cb903c;
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>2a56099285a9af745cf5dd347eecca439a299f2b</sha1>
  </revision>
  <revision>
    <id>610</id>
    <parentid>609</parentid>
    <timestamp>2024-07-12T08:39:07Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42440" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
  display: flex;
}
.thumb .thumbinner {
  border: 1px solid #cb903c;
  border-radius: 5px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 90%;
  height: auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid #cb903c;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: bold;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid #cb903c;
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: rgba(247, 215, 83,1);
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: #cb903c;
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>5c1e8af84e7cd88d4daa983d4d58759f43105d42</sha1>
  </revision>
  <revision>
    <id>611</id>
    <parentid>610</parentid>
    <timestamp>2024-07-12T08:39:51Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42441" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 1px solid #cb903c;
  border-radius: 5px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 90%;
  height: auto;
  margin: 0 auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid #cb903c;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: bold;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid #cb903c;
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: rgba(247, 215, 83,1);
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: #cb903c;
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>8a975b027b50f35da74727902a513aafc2507ed8</sha1>
  </revision>
  <revision>
    <id>612</id>
    <parentid>611</parentid>
    <timestamp>2024-07-12T08:40:29Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="42441" xml:space="preserve">/***********************************************************************************************************
 * improve/fix wiki.gg header/footer
 ***********************************************************************************************************/
 
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&amp;display=swap');

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** text color ***/
  --theme-text-color: #432C2B;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #666;
  --theme-text-color-em: #0c742f;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #0b6abf;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #bf0017;
  --theme-link-color-focus: var(--theme-link-color);
  --theme-highlight-background: rgba(247,190,38, 0.5);
  /*** infobox/navbox ***/
  --theme-accent-label-color: var(--theme-text-color);
  --theme-accent-label-link-color: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-color--rgb: 247, 215, 83;
  --theme-background-color: 247, 215, 83;
  --theme-border-color--rgb: 247, 215, 83;
  --theme-border-color: rgb(var(--theme-border-color--rgb));
  --theme-border: 1px solid var(--theme-border-color);
  --theme-background-secondary: rgba(var(--theme-border-color--rgb), 1);
  --theme-border-color-accent: rgb(var(--theme-border-color-accent--rgb));
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /* portable infobox */
--theme-pi-background: rgba(255, 234, 148, 1);
--theme-pi-secondary-background--rgb: 255, 234, 148;
--theme-pi-secondary-background: rgba(var(--theme-pi-secondary-background--rgb), 1);
--theme-pi-secondary-background-label: var(--theme-accent-label-color);
--theme-pi-border-color: rgba(255,255,255,1);
}

#content {
  /* content box */
 --theme-background: rgba(var(--theme-border-color--rgb), 1);
}

#bodyContent {
  /* main article content box (without top heading) */
}

#catlinks {
  --theme-background: rgba(var(--theme-border-color--rgb), 1);
  --theme-box-border-radius: var(--theme-box-border-radius);
  border-radius: var(--theme-box-border-radius);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  margin-bottom: 6px;
  border: 0;
  text-align: center;
}
.thumb {
  box-sizing: content-box;
}
.thumb .thumbinner {
  border: 1px solid #cb903c;
  border-radius: 5px;
  padding: 10px;
  font-size: unset;
  background-color:rgba(247, 215, 83,1);
}

.thumb img {
  display: block;
  max-width: 80%;
  height: auto;
  margin: 0 auto;
}

.thumb .thumbcaption {
  padding: 0 2px; /* 1px for border of image. */
  margin-top: 6px;
  text-align: center;
  font-weight: bold;
}

.thumb .thumbcaption .magnify:first-child {
  display: none;
}

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
body {
  font-family: "Nunito",Helvetica, Arial, sans-serif;
  color: var(--theme-text-color, #000);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 0 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: var(--theme-border);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/skins.vector.styles.legacy/images/link-external-small-ltr-progressive.svg); /* mw 1.41 */
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color, var(--theme-text-color));
  font-family: var(--theme-heading-font-family, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: 1000;
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: 1000;
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight:700;
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: rgba(247,215,83,1);
  border-radius: 4px;
  border: 1px solid #cb903c;
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: bold;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid #cb903c;
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: rgba(247, 215, 83,1);
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: #cb903c;
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
  --pi-background: var(--theme-pi-background);
  --pi-secondary-background: var(--theme-pi-secondary-background, var(--theme-border-color-accent));
  --pi-secondary-background--rgb: var(--theme-pi-secondary-background--rgb, var(--theme-border-color-accent--rgb));
  --pi-secondary-background-label: var(--theme-pi-secondary-background-label, var(--theme-accent-label-color));
  --pi-border-color: rgba(255,255,255,1);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
  text-align: center;
  font-size: 1.5em;
  background: rgba(var(--pi-secondary-background--rgb), 0.75);
  color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
  background: rgba(var(--pi-secondary-background--rgb), 1);
}

.portable-infobox .pi-image {
  padding: 8px;
}

.pi-image-thumbnail {
  max-width: 100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
  border-bottom: 0;
  font-family: inherit;
  font-weight: 800;
  margin: 0;
}

/*****************************
*   End PortableInfoboxes    *
******************************/

/**********************************************************
* Template:Navbox
***********************************************************/
#content {
  --wiki-content-border-color: var(--theme-border-color);
  --wiki-accent-label-color: var(--theme-accent-label-color);
  --wiki-accent-color: var(--theme-border-color-accent);
  --wiki-accent-color--rgb: var(--theme-border-color-accent--rgb);
  --wiki-content-text-color: var(--theme-text-color);
  --wiki-accent-link-color: var(--theme-accent-label-link-color);
}

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " ·";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  font-size: 90%;
  width: 100%;
  border: 1px solid var(--wiki-content-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--wiki-accent-label-color);
  background: var(--wiki-accent-color);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: rgba(var(--wiki-accent-color--rgb), 0.18);
  color: var(--wiki-content-text-color);
  border: 1px solid var(--wiki-content-border-color);
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-accent-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-title {
  width: 100%;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/

/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
     If your wiki uses a different naming scheme, change the inner names to match yours.
     If your wiki doesn't use color variables you should consider doing so,
     otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
  */
  --druid-background-color: var(--theme-background-color, #ffffff);
  --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
  --druid-secondary-background-color: var(--wiki-accent-color, #36c);
  --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
  --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
  --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
  --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
  --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
  --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
  --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
  --druid-link-color: var(--wiki-content-link-color, #0645ad);
  --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
  --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
  --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

.druid-container {
  border: 4px solid var(--druid-border-color);
  border-radius: 3px;
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 100%;
  max-width: 22em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
  padding: 1px;
}

.druid-infobox .druid-section {
  font-size: 1.25em;
  font-weight: 500;
}

.druid-label {
  font-weight: bold;
  text-align: right;
  box-sizing: border-box;
}

.druid-row &gt; .druid-label {
  width: 48%;
  flex-shrink: 0;
}

.druid-row &gt; .druid-label,
.druid-row &gt; .druid-data {
  padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
  padding: 5px;
}

.druid-main-image img,
.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
  display: none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
  gap: 0.3em;
  padding: 0.35em;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
  border-radius: 2px;
}

.druid-grid-item &gt; .druid-label,
.druid-grid-item &gt; .druid-data {
  text-align: center;
}

.druid-data-wide {
  width: 100%;
}

.druid-section-container &gt; .druid-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.druid-collapsed {
  display: none !important;
}

.druid-collapsible {
  cursor: pointer;
  position: relative;
}

.druid-collapsible::after {
  content: "–";
  display: block;
  position: absolute;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
  content: "+";
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/
div.druid-row {
  display: flex;
  margin-block: 1px;
}

div.druid-row + div.druid-row {
  margin-top: 0;
}

div.druid-row &gt; .druid-label {
  background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
  display: none;
}

/***********************
* End DRUID infoboxes  *
************************/

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/*** Miscellaneous ***/
.responsive-image {
  max-width: 100%;
  height: auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
  filter: invert(100%);
}

@media screen and (min-width: 720px) {
  .mobileonly {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .nomobile {
    display: none;
  }
}
/********* [[Template:Ambox]] *********/
.ambox {
  border: 1px solid var(--theme-border-color);
  border-left: 10px solid var(--theme-border-color-accent);
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 1em 0;
  padding: 3px 0.6em;
  background-color: var(--theme-background);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.1333333333);
}

@media (min-width: 720px) {
  .ambox {
    margin-inline: 10%;
  }
}
.ambox.tiny {
  padding: 0.04rem 0.5em;
  margin-inline: 0;
  width: fit-content;
}

.ambox + .ambox {
  margin-top: -0.6em;
}

.ambox-content p {
  margin: 0.15em 0;
}

.ambox-title {
  font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
  padding: 1px 0 1px 1.6em;
  margin-bottom: 0.5em;
  font-style: italic;
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
}

.hatnote.icon {
  padding-left: 0;
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content &gt; span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content &gt; * {
  pointer-events: none;
}

.spoiler-content.show &gt; * {
  pointer-events: unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show &gt; span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
  --link-icon-line-height: 1.5em;
  --link-icon-size: 1.5em;
  display: inline-flex;
  align-items: center;
  height: var(--link-icon-line-height);
  vertical-align: bottom;
}

.link-icon .regular {
  align-self: center;
}

.link-icon .regular a {
  display: flex;
}

.link-icon .regular img {
  height: var(--link-icon-size);
  max-width: var(--link-icon-size);
}

.link-icon .fallback {
  outline: 1px solid var(--theme-text-color);
  border-radius: 50%;
  text-align: center;
  width: var(--link-icon-size);
  line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
  display: inline-block;
}

.link-icon.notext {
  display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
  background: var(--theme-background);
  border-radius: 5px;
  border: 2px solid var(--theme-border-color);
  margin: 0.5em 0;
  padding: 0.5em;
}

.quote .block {
  display: block;
}

.quote .title {
  font-size: large;
  font-weight: bold;
}

.quote .content {
  font-style: italic;
}

.quote .author {
  font-weight: bold;
  text-align: end;
}

.quote .marks-wrapper {
  display: flex;
  gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
  font-size: 100px;
  line-height: 0px;
}

.quote .marks-wrapper::before {
  content: "“";
  margin-top: 40px;
}

.quote .marks-wrapper::after {
  content: "”";
  align-self: end;
  margin-bottom: -10px;
}

.mw-category {
	padding-left:20px;
	padding-bottom:20px;
}

.mw-category.mw-category-columns {
	column-count: 2;
    justify-content: center; /* Center the columns horizontally */
    column-width: 40em;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  padding: 1.5em;
  background: rgba(var(--theme-border-color--rgb), 1);
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
  #mainpage-wrap .content-wrap .l, #mainpage-wrap .content-wrap .r {
    flex: 1 1 auto;
  }
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
#mainpage-wrap .box.game &gt; div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game &gt; div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.pets {
  text-align: center;
}
#mainpage-wrap .box.pets img {
  max-width: 200px;
  height: auto;
}
#mainpage-wrap .box.pets strong, #mainpage-wrap .box.pets b {
  font-size: 18px;
}
#mainpage-wrap .box.pets ul {
  margin: 0.5em 0;
  display: flex;
  list-style: none;
  justify-items: start;
  gap: 1em;
}
#mainpage-wrap .box.pets ul li {
  flex: 1 1 50px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.pets ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
  background-color: rgba(127, 127, 127, 0.15);
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  background: none;
}

/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

.wikiEditor-ui-toolbar {
  color: #000;
}</text>
    <sha1>d2aff13fc70bdea8135160eee59ecc205728fd83</sha1>
  </revision>
</page>
<page arvcontinue="20240712040655|568">
  <title>Pets</title>
  <ns>0</ns>
  <id>268</id>
  <revision>
    <id>572</id>
    <parentid>501</parentid>
    <timestamp>2024-07-12T06:36:52Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="158" xml:space="preserve">Pets are .......

== Interaction ==
Pets can be interacted using ....
=== Petting ===

=== fff ===

=== ddd ===

== dd ==

== dd ==

[[Category: Game Basics]]</text>
    <sha1>5df1cd031826b869054b75faf05d0e101a3a5e68</sha1>
  </revision>
  <revision>
    <id>574</id>
    <parentid>572</parentid>
    <timestamp>2024-07-12T06:44:14Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="35" xml:space="preserve">Pets are .......

== Interaction ==</text>
    <sha1>475ced53ebb87f91701adf1ca9885f2023c87599</sha1>
  </revision>
</page>
<page arvcontinue="20240712040655|568">
  <title>File:JellystarIcon.png</title>
  <ns>6</ns>
  <id>294</id>
  <revision>
    <id>575</id>
    <timestamp>2024-07-12T06:52:34Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
</page>
<page arvcontinue="20240712040655|568">
  <title>File:ShinyIcon.png</title>
  <ns>6</ns>
  <id>295</id>
  <revision>
    <id>576</id>
    <timestamp>2024-07-12T06:52:36Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="32" xml:space="preserve">== Licensing ==
{{License|game}}</text>
    <sha1>ff80197b64d07b05261211e62dd3fda3a667d65b</sha1>
  </revision>
</page>
<page arvcontinue="20240712040655|568">
  <title>Collectibles</title>
  <ns>0</ns>
  <id>262</id>
  <revision>
    <id>577</id>
    <parentid>485</parentid>
    <timestamp>2024-07-12T06:52:46Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="177" xml:space="preserve">[[File:ShinyIcon.png|thumb|Shiny Sprite]]
[[File:JellystsarIcon.png|thumb|Jellystars Sprite]]

Collectibles are the currency in the world of [[Weyrdlets]]. 

[[Category: Items]]</text>
    <sha1>667f5142651e46b2d4a399cff32c8530e4ce5f60</sha1>
  </revision>
  <revision>
    <id>578</id>
    <parentid>577</parentid>
    <timestamp>2024-07-12T06:53:41Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="188" xml:space="preserve">[[File:ShinyIcon.png|thumb|250px|Shiny Sprite]]
[[File:JellystarIcon.png|thumb|250px|Jellystars Sprite]]

Collectibles are the currency in the world of [[Weyrdlets]]. 

[[Category: Items]]</text>
    <sha1>ffbf57a8fb05cf9c9c5f340d5903e99e27c8f2fd</sha1>
  </revision>
  <revision>
    <id>591</id>
    <parentid>578</parentid>
    <timestamp>2024-07-12T07:16:48Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="188" xml:space="preserve">[[File:ShinyIcon.png|thumb|150px|Shiny Sprite]]
[[File:JellystarIcon.png|thumb|150px|Jellystars Sprite]]

Collectibles are the currency in the world of [[Weyrdlets]]. 

[[Category: Items]]</text>
    <sha1>5f91db343c807b60122689bdd83dc8dbb1ddb0c4</sha1>
  </revision>
  <revision>
    <id>598</id>
    <parentid>591</parentid>
    <timestamp>2024-07-12T07:28:16Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="228" xml:space="preserve">{{stub}}

[[File:ShinyIcon.png|thumb|150px|Shiny Sprite]]
[[File:JellystarIcon.png|thumb|150px|Jellystars Sprite]]

Collectibles are the currencies in the world of [[Weyrdlets]]. 
== Shiny ==

== Jellystar ==
[[Category: Items]]</text>
    <sha1>8dd3d076ec253830cd9bf1e0ffcaa6aa6e505ae0</sha1>
  </revision>
  <revision>
    <id>600</id>
    <parentid>598</parentid>
    <timestamp>2024-07-12T07:42:18Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="282" xml:space="preserve">{{stub}}

[[File:ShinyIcon.png|thumb|150px|Shiny Sprite]]
[[File:JellystarIcon.png|thumb|150px|Jellystars Sprite]]

Collectibles are the currencies in the world of [[Weyrdlets]]. 
== Shiny ==
=== Source ===
=== Usage ===

== Jellystar ==
=== Source
=== Usage ===
[[Category: Items]]</text>
    <sha1>3485763606147eb9d724562255ebbc77a2622f7a</sha1>
  </revision>
  <revision>
    <id>601</id>
    <parentid>600</parentid>
    <timestamp>2024-07-12T07:42:30Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="286" xml:space="preserve">{{stub}}

[[File:ShinyIcon.png|thumb|150px|Shiny Sprite]]
[[File:JellystarIcon.png|thumb|150px|Jellystars Sprite]]

Collectibles are the currencies in the world of [[Weyrdlets]]. 
== Shiny ==
=== Source ===
=== Usage ===

== Jellystar ==
=== Source ===
=== Usage ===
[[Category: Items]]</text>
    <sha1>e285ed5f15618fc37a053163d7f0aa64c7ebde5a</sha1>
  </revision>
  <revision>
    <id>604</id>
    <parentid>601</parentid>
    <timestamp>2024-07-12T08:07:49Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="425" xml:space="preserve">{{stub}}

[[File:ShinyIcon.png|thumb|150px|Shiny Sprite]]
[[File:JellystarIcon.png|thumb|150px|Jellystars Sprite]]

Collectibles are the currencies in the world of [[Weyrdlets]]. 
== Shiny ==
=== Source ===
{| class="wikitable" style="align-left"
|-
! Source !! Amount 
|-
| Example || Example
|-
| Example || Example
|-
| Example || Example
|}

=== Usage ===

== Jellystar ==
=== Source ===
=== Usage ===
[[Category: Items]]</text>
    <sha1>f1ca1dcad78800f20586708aa1ee947b06c047f9</sha1>
  </revision>
  <revision>
    <id>608</id>
    <parentid>604</parentid>
    <timestamp>2024-07-12T08:28:10Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="478" xml:space="preserve">{{stub}}

[[File:ShinyIcon.png|thumb|150px|Shiny Sprite]]
[[File:JellystarIcon.png|thumb|150px|Jellystars Sprite]]

Collectibles are the currencies in the world of [[Weyrdlets]]. 
== Shiny ==
=== Source ===
{| class="wikitable" style="align-left"
|-
! Source !! Amount 
|-
| dfdsfdsfdsfsdfsf || sdfdsfdsfdsfdsfdsfdsfdsfds
|-
| dsfdsgfdghdgvbd || dfgdfgfdcbvbdf
|-
| fdgfdbfcbvcbc || fgdfvcbvchd
|}

=== Usage ===

== Jellystar ==
=== Source ===
=== Usage ===
[[Category: Items]]</text>
    <sha1>a1659a1110a35b615707504a2333b08657f30b9e</sha1>
  </revision>
  <revision>
    <id>613</id>
    <parentid>608</parentid>
    <timestamp>2024-07-12T08:41:49Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="503" xml:space="preserve">{{stub}}

[[File:ShinyIcon.png|thumb|150px|Shiny Sprite]]
[[File:JellystarIcon.png|thumb|150px|Jellystars Sprite]]

Collectibles are the currencies in the world of [[Weyrdlets]]. 
== Shiny ==
Dabloon.
=== Source ===
{| class="wikitable" style="align-left"
|-
! Source !! Amount 
|-
| dfdsfdsfdsfsdfsf || sdfdsfdsfdsfdsfdsfdsfdsfds
|-
| dsfdsgfdghdgvbd || dfgdfgfdcbvbdf
|-
| fdgfdbfcbvcbc || fgdfvcbvchd
|}

=== Usage ===
Buy
== Jellystar ==
Dabloon.
=== Source ===
=== Usage ===
Buy
[[Category: Items]]</text>
    <sha1>e4550047cadf643512b7139981811377b3b9b5df</sha1>
  </revision>
</page>
<page arvcontinue="20240712091634|618">
  <title>MediaWiki:Vector.css</title>
  <ns>8</ns>
  <id>21</id>
  <revision>
    <id>618</id>
    <parentid>617</parentid>
    <timestamp>2024-07-12T09:16:34Z</timestamp>
    <contributor>
      <username>Kenyyovo</username>
      <id>508244</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="47365" xml:space="preserve">/***********************************************************************************************************
 * interface theming vars.
 ***********************************************************************************************************/
:root {
  /*** main site logo ***/
  --theme-site-logo-width--px: 572;
  --theme-site-logo-height--px: 180;
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  /*** site background ***/
  --theme-site-background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), #874d1d url(/images/8/80/Site-background.jpg) center center / cover no-repeat fixed;
  /* common interface "box" style */
  --theme-box-border-width: 4px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #472b2a;
  --theme-box-border-radius: 12px;
  --theme-box-shadow: none;
  --theme-box-back-background: rgba(247,190,38,0.75);
  --theme-box-back-backdrop-filter: none;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(rgba(247,190,38,1),rgba(247,190,38,1));
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: rgba(247, 215, 38, 1);
  --theme-dropdown-backdrop-filter: none;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
}

/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

/* copyright footer */
#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-box-border-radius: 8px;
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: rgba(247, 215, 83,1);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: 247, 215, 83;
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 50px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 12px;
  --layout-box-gap-y: 12px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width--px) * 1px * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height--px) * 1px * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1776px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--wikigg-header-height) + 30px);
  background: var(--theme-site-background);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h1 {
  display: none;
}

/** wiki.gg header **/
header#wikigg-header {
  position: sticky;
  grid-column: body-left/body-right;
  grid-row: topbar-start/topbar-end;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--wikigg-header-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter, none);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: rgba(247, 215, 83, 1);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 10px 10px 10px 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #5b4947 transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
  background-color: #f7d753;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --tab-padding-x-icon: var(--tab-padding-y);
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y) var(--tab-padding-x-icon);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: 247, 215, 83;
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: 247, 215, 83;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: #cb903c;
  --theme-heading-rule-color-h2: #cb903c;
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
  column-count: 2;
  column-gap: 20px;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start topbar-start] auto [topbar-end page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
    border-radius: var(--theme-box-border-radius, 0px);
    backdrop-filter: var(--theme-box-back-backdrop-filter, none);
    box-shadow: var(--theme-box-shadow, none);
    background: rgba(247, 215, 83,1);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow--for-small-screen, var(--theme-box-shadow));
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y) var(--tab-padding-x-icon);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width, 1px) var(--theme-box-border-style, solid) var(--theme-box-border-color, #ccc);
  border-radius: var(--theme-box-border-radius, 0px);
  backdrop-filter: var(--theme-box-back-backdrop-filter, none);
  box-shadow: var(--theme-box-shadow, none);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}</text>
    <sha1>f17a41d2bda6b0caa1aa4a26e898dfb7e7ecf0b1</sha1>
  </revision>
</page>
<page arvcontinue="20240712091634|618">
  <title>MediaWiki:Gadgets-definition</title>
  <ns>8</ns>
  <id>17</id>
  <revision>
    <id>619</id>
    <parentid>18</parentid>
    <timestamp>2024-07-13T03:42:09Z</timestamp>
    <contributor>
      <username>BotRiver</username>
      <id>503139</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="353" xml:space="preserve">* purge[ResourceLoader|default|type=general|rights=edit,purge|dependencies=mediawiki.util]|purge.js
* userProfile[ResourceLoader|dependencies=mediawiki.api|default]|userProfile.js|userProfile.css
* UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js
* hoverShowSpoilers[ResourceLoader|type=styles]|hoverShowSpoilers.css</text>
    <sha1>2346c6cb924b7cdfed4a70367e8382484f89d176</sha1>
  </revision>
</page>
</mediawiki>